循環中的HTML5視頻口吃？

我的頁面上有一個HTML5視頻元素，它的縮放比例是填充整個背景的想法，它會在播放時循環。這在Chrome中運行正常，但Safari和Firefox在循環中有結尾。在Firefox中這是一個好時間。有任何想法嗎？循環中的HTML5視頻口吃？

這裏是我的視頻播放器的標記：

<video id="vid" preload="auto" autoplay loop onended="this.play();"> 
    <source src="vid.mp4" type="video/mp4"/> 
    <source src="vid.webm" type="video/webm"/> 
</video>

我已經嘗試了一些東西，比如完全用JS控制播放，而不是依賴於瀏覽器來弄明白。但總會有口吃。我不認爲這是預加載的問題，因爲如果我在本地執行所有操作，視頻立即加載（顯然），但仍然存在相同的循環。這只是這些瀏覽器固有的問題嗎？

我很想創建視頻的兩個實例，並在每次完成後簡單地用JS切換它們。它會很髒，但我不確定我的其他選項。

來源

2014-03-18 dougoftheabaci

您是否找到了解決此問題的一些解決方法？我面對同樣的事情。 –

不幸的是，雖然我還沒有看過它一段時間。我做了一些環顧四周，我發現的大多數例子基本上都存在這個問題，如果你只是坐着看了他們足夠長的時間。我發現的一個技巧是，如果您先使用第一幀的背景圖像，然後在頁面加載更多後添加視頻（因此您不會通過流式傳輸此視頻來延遲頁面加載），但它在某種程度上更容易原諒。但是除了潛在的JS修復（通過基於時間或其他東西的JS重新啓動它），我從來沒有找到一個好的解決方案。 – dougoftheabaci

我有這個問題，我實際上通過將webm源放在mp4源代碼之前來修復它。這樣它首先嚐試加載webm視頻格式，並且在我測試它時沒有口吃。 mp4和ogv文件在Firefox中都有斷斷續續的情況，它讓我瘋了，所以當webm文件看起來像預期的那樣工作時，我感到非常驚訝。

<video id="vid" preload="auto" autoplay loop> 
    <source src="vid.webm" type="video/webm"/> 
    <source src="vid.mp4" type="video/mp4"/> 
</video>

來源

2016-08-08 18:46:27 Kadima

標記爲正確答案。我不確定當我與此戰鬥時，Firefox支持WebM。但是，這並不會讓我感到驚訝。 – dougoftheabaci

循環中的HTML5視頻口吃？

回答

相關問題