js 如何禁止video视频循环播放??

JavaScript015

js 如何禁止video视频循环播放??,第1张

这需要用js来写了,需要动态创建video,例如varvList=['视频地址url1','url2','']//初始化播放列表varvLen=vList.length//播放列表的长度varcurr=0//当前播放的视频varvideo=newVideo()video.addEventListener('end',play)play()functionplay(e){video.src=vList[curr]video.load()//如果短的话,可以加载完成之后再播放,监听canplaythrough事件即可video.play()curr++if(curr>=vLen)curr=0//播放完了,重新播放}——【仙】墨纸

开发项目中经常需要插入视频切自动播放,但是在不同浏览器或不同设备上会各种各样的问题。 为了做到适配不同的场景,我们将默认设置视频不自动播放,由js去控制播放。 虽然video标签自带有自动播放,不过一般不适用这个被各种浏览器以及设备欺负的属性,而是使用video标签自带的play()方法 例:微信端自动播放写法 大多数情况下我们都会使用各种依赖或库来引入视频,而这些库也会有autoplay配置入口和play()方法,推荐都使用play()方法去启动视频播放,而不要用autoplay属性。 个人比较奇葩,在有充足时间的情况下不太喜欢第三方库,所以对与不同库的autoplay是什么实现机制也没去了解过,可能有些也是用play方法写的。 由于最近比较忙,没有时间去整理各种情况,这里写的一些都是自己以前开发时候遇到的问题,所以拿出来做例子。 希望各位有其他经验也可以添加进来,或者踩到过其他坑也可以提出来大家想办法。