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);
});//-->
'?' instead of '&'