0

我正在尝试在我正在开发的网站（http://videojs.com/）中使用 VideoJS，但是我正在尝试在页面上加载一个简单的 YouTube 视频以进行测试，但仍然无法正常工作：

 <div class="video-js-box">
            <!-- Using the Video for Everybody Embed Code http://camendesign.com/code/video_for_everybody -->
         <div style="position: absolute; top: 50px; left: 600px; display:none">
            <video id="my_video_1" class="video-js vjs-default-skin" controls
              preload="auto" width="640" height="264" poster="my_video_poster.png"
              data-setup="{}">
              <source src="http://www.youtube.com/watch?v=ehjDXDVpLgo" type='video/mp4'></source>
              <source src="http://www.youtube.com/watch?v=ehjDXDVpLgo" type='video/webm'></source>
            </video>
            <!-- Download links provided for devices that can't play video in the browser. -->
            <p class="vjs-no-video"><strong>Download Video:</strong>
              <a href="http://www.youtube.com/watch?v=ehjDXDVpLgo">MP4</a>,
              <a href="http://www.youtube.com/watch?v=ehjDXDVpLgo">WebM</a>,
              <a href="http://www.youtube.com/watch?v=ehjDXDVpLgo">Ogg</a><br>
              <!-- Support VideoJS by keeping this link. -->
              <a href="http://videojs.com">HTML5 Video Player</a> by VideoJS
            </p>
          </div>    
        <div style="clear:both;"></div>
    </div><!--main-->

在页面上我有：

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

任何线索这里出了什么问题？我期待能够在我的页面上加载和播放该视频。

4

1 回答 1

1

不要使用 Youtube 视频来测试 videojs，因为很难找到视频源的直接链接。看看这个问题。

您提供的代码链接到 youtube 页面而不是视频源。

<source src="http://www.youtube.com/watch?v=ehjDXDVpLgo" type='video/mp4'></source>

视频源可能隐藏在这里，但我不确定。使用您自己网站上托管的视频进行测试。

但是，如果您仍想使用 youtube 视频，请查看Video.js 论坛，那里有人提供了解决方法的代码。

嵌入 youtube 视频的更简单方法是单击视频页面下的“共享”然后“嵌入”选项卡，然后将代码复制并粘贴到您的网站上。这会给你这样的东西。

<iframe width="560" height="315" 
    src="http://www.youtube.com/embed/gZKXrLjCwa8"
    frameborder="0" allowfullscreen>
</iframe>

另外，我建议再次阅读 Video.js 文档以了解如何设置.

于 2012-06-17T05:47:46.103 回答