在移动设备上预加载HTML5视频

Question

我正在寻找一个解决方案：

4个MP4 /视频文件，每个5MB大小。

这些视频将逐个播放，例如单个MP4 /视频文件（MP4文件之间没有间隙），跨浏览器和跨设备。

你知道最好的方法是什么，我不是在寻找能够替换视频源文件的解决方案。 （因为总会有差距）我到目前为止所拥有的是2个独立的视频元素，其中一个视频将被预加载，而另一个视频元素正在播放，但在大多数移动设备上，不支持preload属性。

任何答案都非常感谢， 亚当

Answer 1

这不是一个优雅的解决方案，但它适用于您在视频标签的多个实例中加载的想法。

在HTML中放置5个视频播放器。

在CSS中隐藏4个（显示：无）;

在JS中 制作视频对象的全局var数组

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()
}

}