微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决在 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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。