Reputation: 2155

Stop youtube video autoplay

I am using youtube video in "iframe" with height width src etc. but it is playing auto. I want to play it with onclick. Please help me.

Upvotes: 13

Answers (7)

Shameem Ali

Reputation: 181

Remove autoplay=1 allow='autoplay' and play video by click on link.

<a id="play-video" href="#">Play Video</a><br />

<iframe id="video" src="//www.youtube.com/embed/9B7te184ZpQ?rel=0" frameborder="0"></iframe>


$(document).ready(function() {
  $('#play-video').on('click', function(ev) {

   $("#video")[0].src += "&autoplay=1";
   ev.preventDefault();

  });
});

Upvotes: 0

Chris Hannah

Reputation: 1

Instead of using &autoplay=false, try using ?autoplay=false regardless of whether there is a preceding ?rel=n.

This seems to be working for me after getting it by trial and error.

Upvotes: -2

Shire

Reputation: 398

With a code like this:

<iframe width="680" height="382" frameborder="0" src="//www.youtube.com/embed/n4K1Qpj1Ljg?list=UU3qGUTKOSIKbp08itEn8VIA?autoplay=0">
</iframe>

Upvotes: -1

Alex W

Reputation: 38173

To disable autoplay, just put &autoplay=0 after the video ID so it looks like this:

<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/OdT9z-JjtJk&autoplay=0"></param>
<embed src="http://www.youtube.com/v/OdT9z-JjtJk&autoplay=0" type="application/x-shockwave-flash" width="425" height="350"></embed>
</object>

http://support.google.com/youtube/bin/answer.py?hl=en&answer=1181821

Updated code.

Upvotes: 15