Video.js不支持IE8頁面上的2個視頻

Question

我正在使用video.js。它工作得很好，並在所有瀏覽器中播放視頻。

我遇到的問題是，當我在IE8的同一頁上有兩個視頻時，只有一個可以工作。另一個只是視頻應該是一個黑色的大矩形。當我刪除其中一個視頻的代碼時，另一個工作得很好。只要我重新添加代碼，1停止工作。

是否有修復我可以用來獲取多個視頻在IE的一個頁面上工作？

Answer 1

你給每個玩家一個唯一的名稱/字符串在視頻對象ID？這也適用於任何包含閃回回退的div或對象。

<video id="video-id-1" class="video-js vjs-default-skin" controls 
     width="960" height="540" poster="video-1-poster.jpg" data-setup="{}"> 
     <source src="video-1-file.mp4" type='video/mp4'> 
    </video> 

    <video id="video-id-2" class="video-js vjs-default-skin" controls 
     width="960" height="540" poster="video-2-poster.jpg" data-setup="{}"> 
     <source src="video-2-file.mp4" type='video/mp4'> 
    </video> 

Answer 2

我有一個非常類似的問題，事實證明，videojs不會在隱藏的元素內設置視頻。我最終不得不顯示元素，但將它放置在屏幕外，然後重置位置並在videojs初始化後再次隱藏它。