YouTube IFRAME 播放器：设置下一个视频？

Question

如何设置当前视频结束后自动跟随的视频ID？

player.loadVideoById() 和 player.cueVideoById 立即切换到相关视频。

Answer 1

您可以使用下面的 code 来达到同样的效果 -

<html>
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var ScriptTag = document.getElementsByTagName('script')[0];
ScriptTag.parentNode.insertBefore(tag, ScriptTag);

var player; 
      function onYouTubeIframeAPIReady() {                      
        player = new YT.Player('player', {
          height: '390',
          width: '640',
          videoId : 'YtF6p_w-cSc',                 
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }      
        });
      }        
       function onPlayerReady(event) {                                        
       event.target.playVideo();
      }       
      function onPlayerStateChange(event) {   
        if (event.data == YT.PlayerState.ENDED) {   
           player.loadVideoById ('4MJRS-cLozU');
        }       
      }

</script>
<body>
  <div id="player"></div>  
 </body>
</html>

这里是Jsfiddle

根据上面的代码 youtube 将自动播放 first video 即 YtF6p_w-cSc 并且当当前视频结束时它将自动播放 next video 即 4MJRS-cLozU.希望这会帮助你，你正在寻找同样的东西。另外，如果您有任何问题，请告诉我。

谢谢..！

YouTube IFRAME 播放器：设置下一个视频？

YouTube IFRAME player: setting the next video?

youtube

youtube-iframe-api