如何使用HTML5给video设置循环播放2次数,并给视频插入一个广告?

如何使用HTML5给video设置循环播放2次数,并给视频插入一个广告?,第1张

您好,非常荣幸能在此回答您的问题。以下是我对此问题的部分见解,若有错误,欢迎指出。你好!循环两次播放解决思路可以是 定义一个变量 播放一次自增1 然后等于2的时候不在播放。非常感谢您的耐心观看,如有帮助请采纳,祝生活愉快!谢谢!

前端项目中,有个视频能播放srt字幕并能循环复读指定区间的功能要求,研究了下,思路如下:

1、web端关于视频 都用框架video.js 还挺方便,直接给video 标签初始化,设置宽、高、自动播放、缩略图等,并能监听播放,拖放....

2、将srt 字幕文件 进行读取,并转为对象数组

srt格式为:

转化为对象数组:

[     {sn: "0", startTime: 0.89, endTime: 7.89, content: "For me traveling isn't about visiting the major areas, taking a photo and crossing it:"},

     {sn: "1", startTime: 8.38, endTime: 14.85, content: "It's about understanding and immersing yourself in a different culture"}

   ]

3、监听timeupdate 函数,将转为的字幕数组根据时间线 随时播放出来,将当前时间 player.currentTime() 和字幕初始时间 和 结束时间进行比较

实现为:

4、复读功能 ,还是监听timeupdate 当播放时间超过后,重新设置播放时间为初始时间,实现反复播放

有需求,请互相讨论 Q 1873893691


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/11305060.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存