嘗試HTML視頻標籤，什麼也沒有發生

好吧，所以我給HTML5一個去，看看使用視頻標籤是多麼容易。嘗試HTML視頻標籤，什麼也沒有發生

原來不是這樣。

<html> 
    <head> 
    </head> 
    <body> 
     <video id="vid" poster="Rick-Roll3.png" width="640" height="480" controls autoplay> 
      <source src="rick.webm" type="video/webm" /> 
     </video> 
    </body> 
</html>

我寫出了上面的文件並保存爲.html文件。但是，由於某種原因，它不起作用。沒有視頻會播放。

但是，如果我用這個源代碼而不是視頻它指向確實起到

<source src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" type="video/ogg" />

我知道這個文件rick.webm在服務器上，在同一個文件夾中的HTML文件。我的src路徑有問題嗎？

來源

2013-02-21 Luke

您的瀏覽器是否支持'webm'？你的控制檯中是否有錯誤？ – 2013-02-21 11:52:50

是的，我正在使用Chrome。我在控制檯中看到沒有錯誤。 – Luke 2013-02-21 12:06:24

實際上，看着GET請求，它似乎因某種原因被取消。 – Luke 2013-02-21 12:11:28

Web瀏覽器使用局部範圍的HTTP請求（這應該返回部分內容代碼206）下載源的視頻元素。您似乎正在運行本地網絡服務器或基於您的標題圖片的等效內容，因此很可能您使用的服務器不能正確支持這些請求，而託管外部視頻的服務器卻可以。

我個人使用簡單的Express（對於Node.js）靜態文件服務器進行簡單測試，它支持所需的範圍請求就好了。嚴格地講，它這個簡單：

var express = require("express"), 
    app = express(); 

app.use(express.logger('dev')); 
app.use(express.static(__dirname+"/public")); 

app.listen(3000); 
console.log("Listening on port 3000");

與節點運行它，它會在http://localhost:3000/服務公衆文件夾的內容（及其所有子文件夾）。

來源

2013-02-26 13:20:26 Daiz

這是問題。我將服務器配置爲提供webm文件，現在播放視頻。謝謝！ – Luke 2013-04-10 12:22:53

嘗試HTML視頻標籤，什麼也沒有發生

回答

相關問題