首页 文章

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

提问于
浏览
0

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

4个MP4 /视频文件,每个5MB大小 .

这些视频将逐个播放,如单个MP4 /视频文件(MP4文件之间没有间隙)跨浏览器和跨设备 .

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

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

1 回答

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

    }

相关问题