html5播放器不玩

我試圖在我正在開發的網站（http://videojs.com/）中使用VideoJS，但是我試圖在頁面上加載一個簡單的YouTube視頻用於測試目的，但仍然沒有工作：html5播放器不玩

<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>

任何線索是怎麼回事錯在這裏？我期望能夠在我的網頁上加載和播放該視頻。

來源

2012-06-17 cybertextron

您的YouTube鏈接指向HTML頁面的鏈接，而不是視頻源或swf文件。 –

我沒鏈接到一個.ogg文件： ' ' – cybertextron

你能也發佈您的網站上託管的視頻的代碼示例？ –

不要使用Youtube視頻來測試videojs，因爲很難找到視頻源的直接鏈接。檢查出this question。

您提供的鏈接到YouTube網頁的代碼不是視頻源。

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

視頻源可能被隱藏in here但我不確定。使用您網站上託管的自己的視頻進行測試。

但是，如果您仍然想要使用YouTube視頻，請查看Video.js forum，其中有人提供瞭解決方法的代碼。

嵌入YouTube視頻的更簡單的方法是點擊視頻頁面下的「分享」，然後「嵌入」標籤，然後將代碼複製並粘貼到您的網站上。這會給你這樣的東西。

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

另外我建議您再次閱讀Video.js文檔how to setup。

來源

2012-06-17 05:47:46

html5播放器不玩

回答

相關問題