2013-04-17 19 views
1

我有我的測試頁2個視頻元素,就像這樣:鉻 - 不播放多個視頻 - 網絡卡在待定

<div id="parent"> 
    <video id="foo" autoplay> 
     <source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4" /> 
     <source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.webm" type="video/webm" /> 
     <source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.ogv" type="video/ogg" /> 
    </video> 
    <video id="bar" autoplay> 
     <source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4" /> 
     <source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.webm" type="video/webm" /> 
     <source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.ogv" type="video/ogg" /> 
    </video> 
</div> 

在最新的FF,一切工作正常。但在Chrome中,這些視頻都不會播放;看着淨選項卡顯示它們在幾秒鐘到無窮遠的任何地方都處於「掛起」狀態。如果我評論/刪除視頻元素,另一個將播放。

我見過多個Chromium bug報告,講述類似的問題,但沒有一個看起來與父容器直接相關。我試圖通過JS動態構建標記,結果相同。我也嘗試添加編解碼器屬性,但沒有運氣。

爲了爭辯,讓我們說重構頁面,讓沒有視頻生活在同一個父母不是一種選擇。這只是一個不可修復的錯誤?任何可能的解決方法,但哈克?

+0

因此,在我的測試環境中,甚至更多的這個例子更加糟糕,甚至一個沒有父容器的獨立視頻標籤也沒有其他東西會在一段時間內陷入等待狀態。爲我平均40秒。 – collin

+0

這是一個奇怪的。通過在視頻網址的末尾實際添加一個隨機參數來管理修復它,例如「?09489023549」。在那種情況下,它似乎再次起作用。 – huesforalice

回答

4

解決 - 顯然在同一時間從同一服務器請求相同的文件名稱,讓Google感到厭煩。更改文件名或域名可以正常工作。 FWIW,我複製了測試vids,並在文件名末尾添加了1,2,3等,並從同一臺服務器上運行。按預期工作。使用來自不同領域的測試視頻讓我接觸到解決方案。