video 标签无法自动播放

问题描述：

概述：vue3中页面引入video标签,设置了autoplay属性，无法自动播放

<video src="/video.mp4" autoplay loop controls></video>

---

原因分析：

自动播放音频（或有声视频）可能会破坏用户体验，所以应该尽可能避免。如果你一定要提供自动播放功能，你应该加入开关（让用户主动打开自动播放）。然而，如果需要创建一些媒体元素，其播放源由用户在稍后设置，自动播放就会很有用。想了解如何正确使用自动播放，可参见我们的自动播放指南。如果使用autoplay="false"来关闭视频的自动播放功能，会不起作用；只要<video>标签中有autoplay属性，视频就会自动播放。要移除自动播放，需要完全删除该属性。在某些浏览器（例如Chrome70.0)中，如果没有设置muted属性，autoplay将不会生效。

---

解决代码：

<video autoplay muted playsinline loop>
  <source src="/video.mp4" type="video/mp4" />
</video>