使用video.js包装器启用youtube播放

好的，我正在尝试包装/skin，一个带有video.js项目的youtube视频，以使我的网站上的其他视频具有类似的外观和感觉。现在，根据您可以看到的文档，我设置了一个标题，可以正确播放示例_video_1的视频标签并对其进行蒙皮，如中所示。但是，当尝试使用带有youtube源的视频时，我有一个如下html元素：

 <video id="example_video_1" class="video-js vjs-default-skin"
   controls preload="auto" width="640" height="264"
  poster="http://ec2-54-227-116-247.compute-1.amazonaws.com/models/site-     templates/images/cover_img/ted_cover.jpg"
  data-setup='{"techOrder": ["youtube"]}'>
  <source src="http://www.youtube.com/watch?v=xYemnKEKx0c" type='video/youtube' />
  </video>

现在显示tMy封面图像，但没有显示播放按钮。我是不是在文件里遗漏了什么？或者我误解了文档，youtube只是一个例子，我仍然需要编写一个API包装器来实现这一点，他们刚刚将此作为一个示例演示了如何操作？任何帮助或见解都将不胜感激

---

在video js v4发布之前也有人问过这个问题，您可能在javascript控制台中生成错误，因为videojs默认情况下不知道如何播放youtube视频

我觉得那份文件不正确。我在github repo（文档之外）中没有看到任何实际代码知道如何播放youtube视频

这听起来也像是你链接的问题中引用的pull请求被关闭了，建议将其作为一个插件来完成——这是一个错误

使用插件非常简单。除了包含video.js脚本外，您还将包含来自以下站点的插件脚本：

您对视频标签所做的唯一更改是在数据设置json中包含src：

<video id="example_video_1" class="video-js vjs-default-skin" controls 
       preload="auto" width="640" height="264"
       poster="http://ec2-54-227-116-247.compute-1.amazonaws.com/models/site-templates/images/cover_img/ted_cover.jpg" 
       data-setup='{"techOrder":["youtube"], "src":"http://www.youtube.com/watch?v=xYemnKEKx0c"}'>
</video>

这是一个例子。请注意，这个示例引用了rawgithub插件js，因此您当然需要下载本地副本

---

我还注意到海报没有正确加载。这是插件中的一个bug，但是如果您感兴趣，可以立即解决。看这个

哇。非常感谢你，如果我能再投票一次，你的研究和帮助将不胜感激。仅供参考，插件维护人员听起来也将很快解决海报问题：是的，我读了你今天早些时候发布的问题。你周围提供的工作将工作到现在，我现在正在观看项目，以获得发布的更新，再次感谢！当您在中动态加载html时，它不起作用。有没有关于如何修改它以使其如此工作的想法？@ctangney我也有同样的海报加载问题。特别是在点击时动态加载youtube视频时。我的控制台显示

未捕获类型错误：对象[Object Object]没有方法“setPoster”

。这就是你说的虫子吗？自从你上一篇文章以来，这个州发生了变化吗？

<video id="example_video_1" class="video-js vjs-default-skin" controls 
       preload="auto" width="640" height="264"
       poster="http://ec2-54-227-116-247.compute-1.amazonaws.com/models/site-templates/images/cover_img/ted_cover.jpg" 
       data-setup='{"techOrder":["youtube"], "src":"http://www.youtube.com/watch?v=xYemnKEKx0c"}'>
</video>