用于列表的 youtube 播放器 API 始终播放初始视频

Question

我想用https://jsfiddle.net/g1xfh7rd/切换播放列表，但它总是重新加载相同的初始播放列表。我尝试了所有建议的YouTube Player API 列表和视频解决方案，但没有奏效

    <div id="ytplayer"></div>
    <div onClick="loadPlaylist()">load another</div>


    <script async src="https://www.youtube.com/iframe_api"></script>


    <script>
    // 1. ytplayer code: https://developers.google.com/youtube/player_parameters#IFrame_Player_API

    var tag = document.createElement('script');
    tag.src = "https://www.youtube.com/player_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    var player;


    function onYouTubePlayerAPIReady() 
    {
            player = new YT.Player('ytplayer', 
            {
              height: '390',
              width: '640',
              playerVars: 
              {
                listType:'playlist',
                list: 'RDEMe12_MlgO8mGFdeeftZ2nOQ'
              }
            });
    }


    function loadPlaylist() {
      player.loadPlaylist('PLuvQYuQ7n4rAtqY1dDvhts08zBoisI8xA');
    }



     </script>
     

Answer 1

如果您使用 loadPlaylist() 的对象语法并添加player.stopVideo()，它就可以正常工作。

 function loadPlaylist() {
   player.stopVideo();
   player.loadPlaylist({ list: 'PLuvQYuQ7n4rAtqY1dDvhts08zBoisI8xA' });
 }