youtube API start random - FIXED

by Donna Torr

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>

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, 12);
  
  setTimeout(() => {
  player.playVideoAt(num);
  }, 1000);
}