javascript - 为什么 YouTube JavaScript Player API 打开与我的代码中的 URL 不同的 URL，并且只播放播放列表的第一个视频？

Question

这是我的第一篇文章，我希望我遵守所有规则。

我正在尝试在我的网站页面上发布: 随机播放/静音/自动播放 YouTube 播放列表。

我使用了 AS3 方法和 SWFObject。

使用以下代码一切正常，但几周以来，播放器检测不到我的播放列表，只播放第一个视频。

在代码中，URL 是: https://www.youtube.com/v/HuIGf4IJzdM& list=PLo-QilIZx6myBxEysxrWoE-f58-psKGji

但是当我打开该页面的页面时，它打开以下链接: https://www.youtube.com/v/HuIGf4IJzdM& list=o-QilIZx6myBxEysxrWoE-f58-psKGji

如果我没记错的话，这是代码，之前可以正常工作:

<script src="https://www.google.com/jsapi"></script>
<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<div id="ytapiplayer">You need Flash player 8+ and JavaScript enabled to view this video.</div>
<script type="text/javascript">
google.load("swfobject", "2.2");
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("myytplayer");
ytplayer.playVideo();
ytplayer.setShuffle(true);
ytplayer.mute();
}
var params = {allowScriptAccess: "always" , allowFullScreen : "true"};
var atts = { id: "myytplayer" };

swfobject.embedSWF("https://www.youtube.com/v/HuIGf4IJzdM&list=PLo-QIlIZx6myBxEysxrWoE-f58-psKGji&index=0&feature=plpp_play_all?enablejsapi=1&playerapiid=ytplayer&allowFullScreen=true&version=3&loop=1&autohide=1",
"ytapiplayer", "50%", "50%", "10", null, null, params, atts)
</script>

如果有人能帮助我解决这个问题，非常感谢!!

Answer 1

我终于找到了一种让它与 iframe 一起工作的替代方法。

这是代码:

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

<script>

  var tag = document.createElement('script');

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

  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '100%',
      width: '100%',
      events: {
        'onReady': onPlayerReady
      }

    });
  }

  function onPlayerReady(event) {

    event.target.loadPlaylist({'listType': 'playlist',
                               'list': 'PLo-QIlIZx6myBxEysxrWoE-f58-psKGji',
                               'index': '0'
                              });
      event.target.mute();
      event.target.setLoop(true);
    setTimeout( function() { 
        event.target.setShuffle(true); 
    }, 2000);
      }
</script>

感谢您的帮助:-)