How to make an embedded Youtube video automatically start playing?

iframe video youtube embed
Saritha picture Saritha · Mar 18, 2011 · Viewed 195.6k times · Source

In my project, there is a video gallery module. In this module, there are two options: direct FLV uploading, and adding a video embed code from YouTube.

I am writing some embed code for a div element (actually, the embed code comes from database). I want to make this video begin playing automatically.

<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/zGPuazETKkI" frameborder="0" allowfullscreen></iframe>

This is a sample embed code from YouTube. I want to make this video play automatically using JavaScript.

Answer

Alex Bailey picture Alex Bailey · Mar 18, 2011

You have to use

<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/zGPuazETKkI?autoplay=1" frameborder="0" allowfullscreen></iframe>

?autoplay=1

and not

&autoplay=1

its the first URL param so its added with a ?

Related questions

How do I hide related videos at the end of a YouTube playlist embed code?

I am using this code to embed a playlist: <iframe width="816" height="459" src="https://www.youtube.com/embed/videoseries?list=xxx" frameborder="0" allowfullscreen=""> To hide the related videos, normally I add ?rel=0 (that's in the case of a …

Read More
How to disable auto-play for local video in iframe

How to disable auto-play for video when src is from my local pc? <iframe width="465" height="315" src="videos/example.mp4"></iframe> I have tried the following, but it doesn't work: src="videos/example.mp4?autoplay=0" src="…

Read More
Full-width vimeo wrapper background

I am trying to create a full-width iframe vimeo background covered by a pattern located in my body div. The video is covered by an overlay so it becomes unclickable. Ive tried giving the video 100% width and height yet no …

Read More