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

发布于 2022-09-11 18:15:44 字数 249 浏览 16 评论 0

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

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

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

"http://xxx.a2_fix.mp4"

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

凡间太子 2022-09-18 18:15:45

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文