YouTube 播放器 API:cuePlaylist 提示先前请求的播放列表

问题描述

我正在使用 YouTube Player API 加载各种播放列表。奇怪的是,以下错误在一夜之间出现:当我第一次加载播放列表时,一切正常。但是当我尝试切换播放列表时,会加载之前选择的播放列表。

这里有一个 codepen 来说明问题。

代码包含文档中描述的示例代码

HTML:

<div style="margin-bottom: 10px;">
  <button onclick="cuePlaylist('PLb15rbk6I4pOXxLh6YbJ4WNGeJCS5m7Sh')">Detroit Techo playlist</button>
  <button onclick="cuePlaylist('PLb15rbk6I4pOI56VHS957pGckkPFvMZsO')">New Beat playlist</button>
</div>
<div id="player"></div>

JavaScript:

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: "390",width: "640",videoId: "M7lc1UVf-VE",});
}


function cuePlaylist(playListID){
  player.cuePlaylist({ listType: 'playlist',list: playListID });
}

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)