选择一个随机数组来设置Youtube videoId API

Question

我想设置一个videoId的数组，以便能够随机加载。我试图添加视频阵列作为videoId，并没有奏效。我是一个JS newb，所以我不确定我应该为此返回什么。我得到尽可能的：

<div id="player"></div> 

<script> 
function rotateYT() { 
    var videos = [ 
     'ZMnjkcvjN-E', 
     'RFQfSMbLCWw', 
    ]; 

    var index=Math.floor(Math.random() * videos.length); 
} 
// 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: '300', 
     width: '300', 
     videoId: videos[index], //where I'm trying to get the random videos 
     events: { 
      'onReady': onPlayerReady, 
     } 
    }); 
} 

// 4. The API will call this function when the video player is ready. 
function onPlayerReady(event) { 
    event.target.playVideo(); 
    event.target.mute(); 
    event.target.setPlaybackQuality('small'); 
} 
</script> 

Answer 1

的函数需要返回选定的视频ID：

function rotateYT() { 
    var videos = [ 
     'ZMnjkcvjN-E', 
     'RFQfSMbLCWw', 
    ]; 

    var index=Math.floor(Math.random() * videos.length); 
    return videos[index]; 
} 

然后，你需要调用它onYouTubeIframeAPIReady：

function onYouTubeIframeAPIReady() { 
    var videoID = rotateYT(); 
    player = new YT.Player('player', { 
     height: '300', 
     width: '300', 
     videoId: videoID, 
     events: { 
      'onReady': onPlayerReady, 
     } 
    }); 
}