Javascript 将videojs与youtube.js一起使用_Javascript_Youtube_Video.js

Javascript 将videojs与youtube.js一起使用

javascript youtube

Javascript 将videojs与youtube.js一起使用,javascript,youtube,video.js,Javascript,Youtube,Video.js,我将videojs（）插件与youtube.js（）结合使用，在自定义播放器中播放youtube视频在头部，我从video.js加载css，这是html主体 <div id="am-youtube-container" class="row collapse"> <video id="vid1" class="video-js vjs-default-skin" controls autoplay width="640"

我将videojs（）插件与youtube.js（）结合使用，在自定义播放器中播放youtube视频

在头部，我从video.js加载css，这是html主体

<div id="am-youtube-container" class="row collapse">
   <video
     id="vid1"
     class="video-js vjs-default-skin"
     controls
     autoplay
     width="640" height="264"
     data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}] }'
   >
   </video>
   <script src="http://vjs.zencdn.net/5.0/video.min.js"/>
   <script src="path to youtubejs/Youtube.js"/>
</div>

我找不到解决方案。当我使用youtube.js中的示例时，它使用的代码完全相同。

获取bower提供的youtube.js：

bower install videojs-youtube

然后，您将在文件夹bower_组件中同时拥有video.min.js和Youtube.min.js，如下所示：

将此复制粘贴为html：

<!DOCTYPE html>
<html>
<head>
  <link type="text/css" rel="stylesheet" href="bower_components/video.js/dist/video-js.min.css" />
</head>
<body>

<div id="am-youtube-container" class="row collapse">
   <video
     id="vid1"
     class="video-js vjs-default-skin"
     controls
     autoplay
     width="640" height="264"
     data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}] }'
   >
   </video>
   <script src="http://vjs.zencdn.net/5.0/video.min.js"/>
   <script src="path to youtubejs/Youtube.js"/>
</div>

  <script src="bower_components/video.js/dist/video.min.js"></script>
  <script src="bower_components/videojs-youtube/dist/Youtube.min.js"></script>
</body>
</html>

因此，我已经尝试过，解决方案正在取代：

   <script src="http://vjs.zencdn.net/5.0/video.min.js"/>

为此：

  <script src="bower_components/video.js/dist/video.min.js"></script>

github上有一些答案，您可以在那里查看。谢谢您的建议。似乎video.js 5.0带来了一些麻烦。我不得不在头部添加脚本，然后添加了这个；要在constructor.hey@Kbi中设置超时，请确保您有正确的youtube.js路径

  <script src="bower_components/video.js/dist/video.min.js"></script>