最近在做大屏项目，在研发测试阶段，一切正常，在投放线上的时候，线上是在一台机器上同时打开10来个chrome tab页，这个时候测试反馈说线上查看的时候页面视频很卡，页面刷新视频就动了一下就不动了，我在自己本地页面也试了下，chrome 同时打开 10 个 tab 页播放视频，确实是视频动了一下就不播放了。

视频多是采用如下方案，进入页面之后自动播放：

<video autoplay muted loop class="w-full h-full">
  <source v-for="item in props.srcList" :key="item.type" :src="item.src" :type="item.type" />
</video>