Javascript random youtube video autoplay

Question

I need to display a random youtube video from a selection when the page loads. I found the question below very helpful however I can't figure out how to get it to autoplay. I've tried adding

&autoplay=1

after "videos[index]" but I can't get it to work / don't know if I am putting it in the wrong place. Any help would be much appreciated.

Trying to display a random video on page load

$(document).ready(function() {

var videos = [
'pRpvdcjkT3k',
'Te4wx4jtiEA',
'efTj6UYzvk4'
];

var index=Math.floor(Math.random() * videos.length);
var html='<div id="video"><h3>Random Video</h3><iframe width="720" height="480" src="http://www.youtube.com/embed/ ' + videos[index] + ' + "&autoplay=1" " frameborder="0" allowfullscreen></iframe></div>';
document.write(html);

});//-->

Answer 1

$(document).ready(function() {

var videos = [
'pRpvdcjkT3k',
'Te4wx4jtiEA',
'efTj6UYzvk4'
];

var index=Math.floor(Math.random() * videos.length);
var html='<div id="video"><h3>Random Video</h3><iframe width="720" height="480"   src="http://www.youtube.com/embed/' + videos[index] + '?autoplay=1" frameborder="0" allowfullscreen></iframe></div>';
document.write(html);

});

'?' instead of '&'

Answer 2

Sorry to say but your method is wrong. This is not how you should request a random video from YouTube. You should use IFrame API so, it works better than this method.

This is how you can use IFrame API: https://stackoverflow.com/a/7513356/15327265