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

Question

我有一个视频代码块，它既不在 Chrome 也不在 Firefox 中自动播放，但在 Microsoft Edge 中仍然自动播放：

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

Answer 1

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

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

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

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

Disabling html5 video autoplay in Microsoft Edge

html

video

autoplay

microsoft-edge