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

Video does not autoplay in Edge despite use of autoplay attribute

我利用 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>

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

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

<!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 的文件大小。

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

感谢您的努力!