youtube API start random - FIXED
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js"></script>
<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="player"></div>// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
events: {
'onReady': onPlayerReady
},
playerVars:
{
listType:'playlist',
list: 'PLmKo5LJ01oLFFReQ56wjwBJDN0HBbvENa'
}
});
}
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
/* debugger */;
num = _.random(0, 9);
setTimeout(() => {
player.playVideoAt(num);
}, 1000);
}
JavaScript
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
events: {
'onReady': onPlayerReady
},
playerVars:
{
listType:'playlist',
list: 'PLmKo5LJ01oLFFReQ56wjwBJDN0HBbvENa'
}
});
}
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
/* debugger */;
num = _.random(0, 9);
setTimeout(() => {
player.playVideoAt(num);
}, 1000);
}