在移動設備上預加載HTML5視頻

Question

我正在尋找以下解決方案：

4個MP4 /視頻文件，每個5MB。

這些視頻將像跨瀏覽器和跨設備的單個MP4 /視頻文件（在MP4文件之間沒有間隙）一樣一一播放。

您知道什么是最好的方法嗎，我不是在尋找替換視頻源文件的解決方案。 （因為總會有差距）到目前為止，我擁有2個獨立的視頻元素，其中一個視頻將被預加載，而另一視頻正在播放，盡管在大多數移動設備上不支持preload屬性。

亞當，非常感謝任何回答

Answer 1

這不是一個很好的解決方案，但可以滿足您在多個視頻標簽實例中加載的想法。

在HTML中放5個視頻播放器。

在CSS中隱藏其中的4個（display：none）；

在JS中
制作視頻對象的全局變量數組

var v=new Array;
v[1] = document.getElementById('player1');
...
v[5] = document.getElementById('player5');

在播放器1-4上，為“結束”事件添加事件偵聽器，以調用下一個函數。

next function(n){
  v[n+].style.display='block';
  v[n].style.display='none';
  v[n+1].play()
}

}