Video.js youtube 视频

Posted 2023-05-08

【中文标题】Video.js youtube 视频

【英文标题】：Video.js youtube video

【发布时间】：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"  
  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 有什么办法让它正常工作吗？

【参考方案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 我想知道我们是否可以很快拥有这个:(