How to embed an autoplaying YouTube video in an iframe?

javascript html iframe youtube youtube-api
472084 picture 472084 · Sep 2, 2011 · Viewed 796.8k times · Source

I am trying to embed the new iframe version of a YouTube video and get it to auto play.

As far as I can tell, there is no way of doing this by amending flags to the URL. Is there a way to do it by using JavaScript & the API?

Answer

mjhm picture mjhm · Sep 2, 2011

This works in Chrome but not Firefox 3.6 (warning: RickRoll video):

<iframe width="420" height="345" src="http://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1" frameborder="0" allowfullscreen></iframe>

The JavaScript API for iframe embeds exists, but is still posted as an experimental feature.

UPDATE: The iframe API is now fully supported and "Creating YT.Player objects - Example 2" shows how to set "autoplay" in JavaScript.

Related questions

Is it possible to only remove the "watch later" and "share" buttons from youtube iframe embed player

How can I remove the watch later and share buttons from youtube iframe embed player. Using the following embed code for embedding video clips. <iframe width="854" height="480" src="https://www.youtube.com/embed/cPVgwz5aN1o" frameborder="0" allowfullscreen>&…

Read More
Make iframe automatically adjust height according to the contents without using scrollbar?

For example: <iframe name="Stack" src="http://stackoverflow.com/" width="740" frameborder="0" scrolling="no" id="iframe"> ... </iframe> I want it to be able to adjust its height according to the contents inside it, without using scroll.

Read More
Full-screen iframe with a height of 100%

Is iframe height=100% supported in all browsers? I am using doctype as: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> In my iframe code, if I …

Read More