javascript - 排队 YouTube 视频

标签 javascript youtube youtube-api youtube-iframe-api

我想知道如何将选定的 YouTube 视频添加到临时播放列表/播放队列中?
我有一个选项,用户必须选择要包含在播放队列中的所有视频。

Click on the ADD icon (black background box) and that selected video will be displayed in the purple background and it also has to be included in the playlist/Queue.

我可以将视频添加到紫色框中,但无法将它们添加到队列中。

我尝试使用此代码

player.cuePlaylist({
    list:  ["83uA6kS_6LE", "RVYU9Be2RtA", "DkQRcjKTqiU", "5NUZtQRgLSQ"]  //array of videos ID
});

之后,当当前播放的视频结束时,我尝试使用播放下一个视频

function onPlayerStateChange(event) {
if(event.data==0){     //when video ends event.data becomes 0 
      player.nextVideo();
}

但它既不执行任何操作,也不在控制台中显示任何错误。 我什至尝试用 player.playVideo(); 替换 player.nextVideo();,然后不再开始下一个视频,而是重新播放当前视频。

我尝试在 YouTube 文档中查找它,但没有找到任何内容 https://developers.google.com/youtube/js_api_reference#Queueing_Functions

编辑1
尝试过
cueVideoById(); loadVideoById(); 但不工作。
如果你们能够为我提供答案或针对此问题接触到正确的受众的方法,我将非常感激

最佳答案

我认为问题在于您对cuePlaylist 的调用中有一个拼写错误。参数是“播放列表”而不是“列表”。试试这个:

player.cuePlaylist({
    playlist:  ["83uA6kS_6LE", "RVYU9Be2RtA", "DkQRcjKTqiU", "5NUZtQRgLSQ"]
});

关于javascript - 排队 YouTube 视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43852130/

相关文章:

javascript - 动态更改 Youtube Iframe playerVars

javascript - 对象数组上的多个过滤器

javascript - 模型不更新所选值 - AngularJS

javascript - 如何更新 reducer 中对象的 1 个属性?

javascript - 使用axios上传和patch方法不起作用

python - 属性错误 : 'YouTube' object has no attribute 'get_videos'

javascript - 覆盖按钮未出现在 IE 上

ios - 将我的 YouTube channel 获取(获取)到我的 iOS 应用程序中

java - 解析简单的 Json 响应

javascript - 我的搜索栏与 YouTube API 不同步?