How to make an embedded Youtube video automatically start playing?

Question

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.

Just remember, most people don't want audio/video blaring at them without their consent. There's a reason we **hate** a/v ads and want them to die with fire. — Wayne Werner, Aug 01 '12 at 14:39

score 73 · Answer 1 · edited Jul 05 '13 at 09:58

73

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 ?

edited Jul 05 '13 at 09:58

DLJ

333
2
6
19

answered Mar 18 '11 at 09:28

Alex Bailey

1,679
10
15

1

thanks this worked for me! this was inserted right after the embed code from You tube. ;autoplay=1" this was the original code: It worked when the edit was inserted behind the: rel=0" before the frameborde – chuck Mar 12 '13 at 01:19
Only way I could get this to work was by removing the `rel=0` param. (not sure what that does anywho). – Tony Beninate Jul 10 '13 at 17:42
1

`rel=0` removes the related suggested videos at the end. – Katharine Osborne Nov 27 '15 at 19:04

score 6 · Answer 2 · answered Nov 22 '13 at 20:15

6

This works perfectly for me try this just put ?rel=0&autoplay=1 in the end of link

<iframe width="631" height="466" src="https://www.youtube.com/embed/UUdMixCYeTA?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

answered Nov 22 '13 at 20:15

Jamil Ahmed

419
4
11

score 4 · Answer 3 · edited Nov 11 '11 at 03:31

4

<iframe title='YouTube video player' class='youtube-player' type='text/html'
        width='030' height='030'
        src='http://www.youtube.com/embed/ZFo8b9DbcMM?rel=0&border=&autoplay=1'
        type='application/x-shockwave-flash'
        allowscriptaccess='always' allowfullscreen='true'
        frameborder='0'></iframe>

just insert your code after embed/

edited Nov 11 '11 at 03:31

sth

222,467
53
283
367

answered Nov 11 '11 at 02:25

gracie b

41
1

score 3 · Answer 4 · answered Dec 20 '12 at 18:19

3

Add &autoplay=1 to your syntax, like this

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

answered Dec 20 '12 at 18:19

nardocesar

91
3

7

According to related questions you would want to add `?autoplay=1`. As is standard in URL paramters, the first is identified by an `?` and other appended using the `&` symbol. – blo0p3r Dec 20 '12 at 18:47

How to make an embedded Youtube video automatically start playing?

4 Answers4

Linked