我想用 https://jsfiddle.net/g1xfh7rd/ 切换播放列表,但它总是重新加载相同的初始播放列表。我尝试了 YouTube Player API list with videos 建议的所有解决方案,但没有奏效
<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>
答案 0 :(得分:4)
如果您使用 loadPlaylist() 的 object syntax 并添加 player.stopVideo(),它可以正常工作。
function loadPlaylist() {
player.stopVideo();
player.loadPlaylist({ list: 'PLuvQYuQ7n4rAtqY1dDvhts08zBoisI8xA' });
}