Question

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>

Answer 1

我认为延迟来自您的浏览器或互联网连接。在正常情况下，所有视频都应该同时加载和启动，但如果出现延迟，则是由于您的互联网连接或浏览器造成的。

解决方案可能是异步加载视频然后显示它们，或者您可以清理浏览器缓存。这可能会使其在加载时更快一点。还可以尝试使用其他浏览器，有时特定浏览器会以不同方式处理视频或数据聚合，因此请将其他浏览器与您当前的浏览器进行比较。

VUEJS - 加载后自动播放多个视频

1 个答案: