html5连续播放多段视频,中间视频地址发生变化如何切换?

有三段视频,假设地址分别为

"http://xxx.a1.mp4"
"http://xxx.a2.mp4"
"http://xxx.a3.mp4"

前端要无缝连续播放,但是由于某些原因,播放第一个视频时,第二个视频的地址发生了变化变成了

"http://xxx.a2_fix.mp4"

问:如何还能无缝的播放完三个视频,让用户看不到出变化?

阅读 4.2k
1 个回答

纯属个人思路:三个video大小样式一样,定位在同一位置,链接到对应地址,都不自动播放,第一个显示,2,3隐藏;
先获取第一个视频进度条的进度,当第一个百分之百时,把第一个视频隐藏,第二个视频显示,且加上autoplay的属性。第三个也是向前两个一样。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题