Html5視頻不工作Chrome

這是我的第一個問題，我仍然是一個業餘開發人員，仍處於學習階段。我的一個朋友給我發了一個.mp4文件，我已經把它轉換成了一個.webm文件。目前我的HTML有這樣的：Html5視頻不工作Chrome

<video width="1920" height="1080" controls autoplay id="video-background"> 
 
\t <source src="/img/reel.mp4" type="video/mp4"> 
 
\t <source src="/img/reel.webm" type="video/webm"> 
 
\t Sorry, your browser doesn't support HTML5 video. 
 
</video>

的視頻不顯示在所有，只有控制。我甚至沒有收到「抱歉，您的瀏覽器不支持HTML5視頻」。沒有控制。只是視頻應該放在哪裏的空白處。

我沒有託管視頻在服務器或任何東西。它是一個大約88mb的本地文件。它只有一分鐘的價值的視頻意味着在後臺循環。我可以從鏈接播放視頻，但不能播放本地的.mp4/.webm文件。我檢查了youtube，stackoverflow，並搜索了很多。真的需要一些幫助。

是的，我也試過.ogv，它仍然沒有工作。我檢查了三倍的文件路徑，並檢查了視頻的編碼並重新檢查了格式。一切似乎都應該好起來，但它不會起作用。

我沒有寫出本節的CSS，只是想讓我的本地文件視頻播放。我做錯了什麼，我該如何解決？

來源

2017-02-02 btetrick

您使用css標籤，但問題中沒有css。你傳遞給id =「video-background」的是什麼風格？ – alljamin

對不起，我標記的CSS，我原本有一個演示視頻爲朋友在後臺播放。但是當我用他的視頻替換它時，它不起作用。我認爲這與造型有關，所以我拿出所有的CSS並嘗試排除故障，但在發佈時留下了id標籤。 – btetrick

如果您的img文件夾位於HTML所在的同一文件夾內。你應該刪除第一個斜槓。試試這個：

<video width="1920" height="1080" controls autoplay id="video-background"> 
    <source src="img/reel.mp4" type="video/mp4"> 
    <source src="img/reel.webm" type="video/webm"> 
    Sorry, your browser doesn't support HTML5 video. 
</video>

希望它有幫助！

來源

2017-02-02 02:39:15 mindOfAi

非常感謝！我正在撞牆，而我所要做的就是去掉那些斜線。再次感謝。 – btetrick

沒問題。祝你好運！ :) – mindOfAi

嘗試通過添加preload =「auto」標記來修復它。

<video autoplay loop preload="auto" poster="img.png"> 
    <source src="/img/reel.mp4" type="video/mp4"> 
    <source src="/img/reel.webm" type="video/webm"> 
    Sorry, your browser doesn't support HTML5 video. 
</video>

我不知道這是否適合你，也許這將有助於未來的人！

來源

2017-02-02 02:44:41

Html5視頻不工作Chrome

回答

相關問題