小编ExP*_*OiD的帖子

动态更改Youtube iframe playerVars

我有一个使用Youtube Iframe API的网页,我设法使用以下代码行更改videoId:

player.loadVideoById(videoId)
Run Code Online (Sandbox Code Playgroud)

但是为了使视频循环,videoId和播放列表必须匹配,因此我还需要更改playerVars对象内的播放列表参数.有人能告诉我一个简单的方法吗?

这是原始代码:

var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'M7lc1UVf-VE',
playerVars: { 
    'loop' : 1,
    'playlist': 'M7lc1UVf-VE'
    },
events: {
  'onReady': onPlayerReady,
  'onStateChange': onPlayerStateChange
    }
 });
}
Run Code Online (Sandbox Code Playgroud)

我尝试设置如下所示的变量并动态更改它,因为我执行了loadVideoById:

player.loadVideoById(videoId) 
currentVideoId = videoId
Run Code Online (Sandbox Code Playgroud)

var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: currentVideoId,
playerVars: { 
    'loop' : 1,
    'playlist': currentVideoId
    },
events: {
  'onReady': onPlayerReady,
  'onStateChange': onPlayerStateChange
    }
 });
}
Run Code Online (Sandbox Code Playgroud)

javascript youtube api youtube-api

9
推荐指数
1
解决办法
1024
查看次数

标签 统计

api ×1

javascript ×1

youtube ×1

youtube-api ×1