问题描述
VUEJS 有没有办法在所有加载后自动播放多个 HTML5 视频? 它们具有“自动播放”属性,但播放时有些滞后。
<div
class="video-Box"
v-for="(item,index) in videoArr"
:key="index"
@click="playVideo"
>
<video
class="video-Box img-absolute"
muted=""
loop=""
playsinline=""
autoplay
:poster="item.poster"
>
<source :src="item.src" type="video/mp4" />
</video>
</div>
解决方法
我认为延迟来自您的浏览器或互联网连接。在正常情况下,所有视频都应该同时加载和启动,但如果出现延迟,则是由于您的互联网连接或浏览器造成的。
解决方案可能是异步加载视频然后显示它们,或者您可以清理浏览器缓存。这可能会使其在加载时更快一点。还可以尝试使用其他浏览器,有时特定浏览器会以不同方式处理视频或数据聚合,因此请将其他浏览器与您当前的浏览器进行比较。