Video.js中的Youtube播放列表

Video.js中的Youtube播放列表,youtube,video.js,playlist,Youtube,Video.js,Playlist,我正在尝试使用、和2个用于Video.js:and的插件构建YouTube URL的播放列表。当每个插件单独使用时,所有内容都正确且工作良好。然而,当我尝试使用播放列表插件来播放YouTube URL列表时,我在FF(永不结束!)和Chrome中获得了视频加载轮,开始帧被加载,但播放按钮没有响应。Firebug在代码中没有显示任何错误,但很明显,某些地方出现了延迟。以下是相关代码: HTML: 我最近尝试了这些插件,发现了问题 问题在于: getVideoSource: function(vid

我正在尝试使用、和2个用于Video.js:and的插件构建YouTube URL的播放列表。当每个插件单独使用时,所有内容都正确且工作良好。然而,当我尝试使用播放列表插件来播放YouTube URL列表时,我在FF(永不结束!)和Chrome中获得了视频加载轮,开始帧被加载,但播放按钮没有响应。Firebug在代码中没有显示任何错误,但很明显,某些地方出现了延迟。以下是相关代码:

HTML:


我最近尝试了这些插件,发现了问题

问题在于:

getVideoSource: function(vid, cb) {
  cb(vid.src, vid.poster);
}
确保为cb方法设置的第一个值是链接字符串而不是对象。 (例如:'')

祝你好运:)

var videos = [
{
src : [
  'http://stream.flowplayer.org/bauhaus/624x260.webm',
  'http://stream.flowplayer.org/bauhaus/624x260.mp4',
  'http://stream.flowplayer.org/bauhaus/624x260.ogv'
],
poster : '',
title : 'Whales'
},
{
src : [
  'https://www.youtube.com/watch?v=3sWPKAbQZVM'
],
poster : 'http://www.videojs.com/img/poster.jpg',
title : 'Ocean'
 }
 ];
var options = { "techOrder": ["youtube", "html5", "flash"] };
//var options = { "techOrder": ["youtube"] , "src" : "https://www.youtube.com/watch?v=GaMcsKtBDwE"}; //Single works - but not with playlist
var player = videojs('video', options);
  player.playList(videos, {
  getVideoSource: function(vid, cb) {
  cb(vid.src, vid.poster);
    }
  });
  $('[data-action=prev]').on('click', function(e) {
    player.prev();
  });
  $('[data-action=next]').on('click', function(e) {
    player.next();
  });

});`
getVideoSource: function(vid, cb) {
  cb(vid.src, vid.poster);
}