尽管使用了自动播放属性，但视频不会在 Edge 中自动播放

Question

我利用 HTML5 视频在页面顶部显示大视频。它在 Safari、IE 和 Chrome 上运行良好，但在 Microsoft Edge 上它不允许我自动播放。

我检查了以h.264编码的文件是否有任何问题，但没有任何问题。我已经尝试了一个具有自动播放属性的 W3 学校示例，并且效果很好。我也对属性做了一些改动，也许它们的顺序不对。

<video id="video" class="intro__video" src="path/to/video.mp4" muted
autoplay loop 
preload="auto" plays-inline></video>

添加控件属性后，我可以启动视频手册，播放没有问题。然而，这不是我想要的。

Answer 1

我用你上面发布的代码做了测试。

<!doctype html>
<head>
</head>
<body>
<video id="video" class="intro__video" src="http://techslides.com/demos/sample-videos/small.mp4" muted
autoplay loop 
preload="auto" plays-inline></video>
</body>
</html>

MS Edge 中的输出：

所以你可以看到你的代码工作正常。您也可以尝试使用您的 MS Edge 使用此代码进行测试。因此，您的大尺寸视频文件可能与 Edge 有任何问题。我建议你用小视频文件做一个测试，看看它是否能解决问题。如果它解决了问题，那么您可以尝试减小 MS Edge 的文件大小。

Answer 2

经过更多的挖掘，我发现实现了光滑的滑块。它以 Edge 无法自动播放视频的特定方式操纵 DOM。

感谢您的努力！

尽管使用了自动播放属性，但视频不会在 Edge 中自动播放

Video does not autoplay in Edge despite use of autoplay attribute

html5-video

microsoft-edge