Enable autoplay in youtube embedded movie by jQuery

David picture David · May 27, 2012 · Viewed 20.3k times · Source

I embedd youtube movies with the code below:

<iframe id="ytplayer" type="text/html" width="840" height="470" src="http://www.youtube.com/embed/Bag1gUxuU0g?wmode=transparent&amp;autoplay=0&amp;autohide=1" frameborder="0"></iframe>

As you can see in src attribute there is a variable autoplay=0. I wrote two line script in jQuery which should set the autoplay variable to 1.

var title = $("iframe#ytplayer").attr("src");
title.replace("autoplay=0", "autoplay=1");

But it doesn't work. How can this be done properly?

Regards, David

Answer

Tyler Crompton picture Tyler Crompton · May 27, 2012

You aren't modifying the src attribute.

$("iframe#ytplayer").attr("src", $("iframe#ytplayer").attr("src").replace("autoplay=0", "autoplay=1"));