Video.js youtube 视频答案

【问题标题】：Video.js youtube videoVideo.js youtube 视频
【发布时间】：2012-12-21 02:09:01
【问题描述】：

我无法让 youtube 视频与 video.js 一起使用

我在头部添加了：

<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script>

然后在正文中：

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="360"
  data-setup='{"techOrder":["youtube","html5"],"ytcontrols":false}'>
<source src="http://www.youtube.com/watch?v=qWjzVHG9T1I" type='video/youtube' />

但我有一个黑色 div（在最新的 Chrome 和 FF 中测试）。我错过了什么吗？

谢谢

【问题讨论】：

您找到解决这个 Remy 的方法了吗？我正在尝试做同样的事情并努力寻找正确的配置。
@net.uk.sweet 有什么办法让它正常工作吗？

标签： youtube html5-video video.js

【解决方案1】：

上面引用的拉取请求已关闭，其他人接手并将其设为plugin，可从video.js plugins wiki获得

您需要该（或类似的）插件来播放 youtube 视频。这里有一个适用于最新 API 的示例：enabling youtube playback with video.js wrapper

【讨论】：

【解决方案2】：

添加了 Youtube Tech 功能的 Pull Request 似乎还没有被合并。

虽然它现在变老了：https://github.com/zencoder/video-js/pull/157 我想知道我们是否可以很快拥有这个:(

【讨论】：