CODEWITHSUNDEEP
youtubegoogle-chromeembed
ndthl
ndthl

Reputation: 173

How do I go about embedding a youtube chromeless player without adding controls?

I am creating an online experiment. It involves participants watching a video then answering a questionnaire. I would like to embed a chromeless youtube video which plays automatically on page load, does not have controls for participants to play around with, and loads the next page once the video finishes.

Now the autoplay/forward to next page functions are secondary and I'm not too concerned if I can't get them working. However I am very interested in how to embed a chromeless player. I have gone to the google playground but this code already has the controls attached. I am not very experienced at coding so I do not know what to remove from the code for none of the custom controls on the left to be displayed. Is anyone able to help me?

Thanks, Wil

Upvotes: 6

Views: 33438

Answers (5)

Adrien
Adrien

Reputation: 628

You can use SWF objects to embed your chromeless player. You must add this js library in your html:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

then in your main js file you call the embedSWF method:

var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/FeJkDewhTEw?enablejsapi=1&playerapiid=ytplayer&version=3&controls=0&showinfo=0",
                   "ytapiplayer", "425", "356", "8", null, null, params, atts);

If you don't want any controls or info, just set controls=0 and showinfo=0 in the url

See: https://developers.google.com/youtube/js_api_reference#GettingStarted

Upvotes: 1

Mark
Mark

Reputation: 79

When you embed the video, you can use the parameter controls=0 which will remove the buttons and make it appear chromeless.

ie the code in your embed section would include http://www.youtube.com/embed/NxLBVAq-4dg?rel=0&controls=0"

Upvotes: 7

Matthieu
Matthieu

Reputation: 563

Yes, surprisingly, I did'nt find any Youtube page with sample code for their chromeless plugin. But there is a lot of of jquery plugin which use the chromeless plugin. You'l find a good tutorial here : http://tutorialzine.com/2010/07/youtube-api-custom-player-jquery-css/

Upvotes: 2

jmoz
jmoz

Reputation: 8006

JW player http://www.longtailvideo.com/players will play youtube videos without the youtube branding, I think.

Upvotes: -1

Kinlan
Kinlan

Reputation: 16607

You may want to look at http://code.google.com/apis/youtube/youtube_player_demo.html it allows you configure your player so that you can embed it chrome-less on your pages.

It should be a simple copy and paste.

Upvotes: 6

Related Questions