在 Microsoft Edge 中禁用 html5 视频自动播放

问题描述

我有一段视频代码块，它在 Chrome 和 Firefox 中都不会自动播放，但在 Microsoft Edge 中仍会自动播放：

<iframe width="688" height="315" src="myvid.mp4" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

解决方法

我可以在 Edge 中重现该问题。您可以使用 <video> 标签来显示视频吗？如果是这样，问题就可以完美解决。

使用 <iframe> 嵌入视频不是一个好习惯。显示视频的正确方法是使用 <video> tag。可以参考下面的代码示例，Edge等浏览器不会自动播放：

<video width="320" height="176" controls>
    <source src="myvid.mp4" type="video/mp4">
</video>