如何制作有youtube视频的视频播放列表？

Question

如何构建支持您管视嵌入式视频的视频播放列表？

我不希望刷新页面，只要用户点击其他视频，视频就会动态更改，请查看this以供参考。

是否有任何jplayer / video-js / flowplayer等支持此功能？

Answer 1

这是一个JS技巧。如果你有一个浏览器（或firebug）的控制台，你可以看到，它是一个JSON get请求和从浏览器到服务器的响应并反向。服务器从数据库中读出正确的嵌入视频，然后发送到浏览器，然后插入到页面DOM中。

Answer 2

如果您使用的是video.js和YouTube插件，则可以使用video.js API更新来源。您需要指定video/youtube类型。

videojs("myPlayer").src({ type: "video/youtube", src: "http://www.youtube.com/watch?v=dQw4w9WgXcQ"});

示例：http://jsfiddle.net/mister_ben/g7mrs/

Answer 3

尝试此示例动态更改youtube src：

{$project: {
    _id: 1, 
    "Value": {$arrayElemAt: ["$accountBalances", 1]}, 
    "key": {$literal: "sales"},
    "company": "$entity_id"
}}

或在此处查看讨论：https://github.com/eXon/videojs-youtube/issues/339#issuecomment-164592838