HTML5視頻元素didnt顯示

我有一些愚蠢的問題...簡單的代碼：HTML5視頻元素didnt顯示

<div id="start"> 
    <video width="320" height="240" controls> 
     <source src="Content/movie.mp4" type="video/mp4"> 
     Your browser does not support the video tag. 
    </video> 
</div>

在我的項目不能正常工作。視頻沒有顯示，路徑是正確的... div開始沒有特殊的樣式，視頻只是設置寬度和高度如上。

當我檢查http://www.w3schools.com/一切示例工作，當我檢查我的瀏覽器支持的視頻這一切都OK。而更有趣的事情，那當我下載視頻比我的下載正確的視頻....

來源

2013-06-25 argh

你好。你介意提供絕對鏈接到你的視頻，以檢查它是否正常工作，並能夠在這方面進行測試？此外，請檢查名爲「內容」的文件夾是否應爲第一個字母的大寫字母。謝謝。 :) –

不...我改變鏈接的src：http：//www.englishforkids.t15.org/movie.mp4它仍然沒有改變任何東西... – argh

視頻不會播放這一方。也許你需要給它適當的文件權限才能被「世界」「讀取」。在movie.mp4文件中的chmod 755就足夠了。檢查出來，給它一個新的嘗試。讓我們知道你是否成功。 –

好了，經過一些測試，我可以看到在Mozilla Firefox瀏覽器的視頻，但視頻不會在谷歌瀏覽器，也沒有互聯網運行資源管理器。你面臨的情況是基於文件格式。每個網絡瀏覽器都需要一定的文件格式來存放視頻，因此您需要以多種格式對視頻進行編碼，才能使視頻適用於更廣泛的訪問者，具體取決於他們的瀏覽器。

維基百科的解釋，其文件格式將更好地適應在HTML5視頻標籤的Browser support Section每個Web瀏覽器的需求。

在代碼中<video>標籤的正確應用應該是這樣的：

<video poster="movie.jpg" controls> 
     <source src="movie.webm" type='video/webm; codecs="vp8.0, vorbis"'/> 
     <source src="movie.ogg" type='video/ogg; codecs="theora, vorbis"'/> 
     <source src="movie.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/> 
     <p>This is fallback content</p> 
</video>

考慮，你應該提供單獨的視頻文件爲<video>標籤內的sources的每個實例。

記住，你的後備內容也可以是圖片，GIF動畫，Flash動畫，甚至是YouTube的碼（正確的格式），這將導致一些被顯示給用戶，如果沒有什麼作品。不要忘記包含測量值：固定寬度和高度，以便回退媒體填充視頻應顯示的整個空間。

爲了您的轉碼過程，我建議你看看This answer in the AskUbuntu site在那裏我將解釋如何使用Mobile Media Converter by Miksoft software輕鬆壓縮文件。

我希望這個幫你，但如果你需要進一步的幫助不要猶豫，放下評論。

祝你好運！

來源

2013-06-25 23:51:04

HTML5視頻元素didnt顯示

回答

相關問題