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

时间：2019-01-09 12:41:16

标签： html5-video microsoft-edge

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

我检查了h.264编码的文件是否存在问题，但是没有任何问题。我已经尝试了W3学校的示例，该示例具有autoplay属性，并且效果很好。我还对属性进行了一些修饰，也许它们的顺序错误。

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

当我添加控件属性时，我可以启动视频手册，它可以正常播放。但是，这不是我想要的。

2 个答案:

答案 0 :(得分：0)

我用您上面发布的代码进行了测试。

<!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中的输出：

enter image description here

因此您可以看到您的代码运行正常。您也可以尝试在MS Edge上使用此代码进行测试。因此，您的大型视频文件可能与Edge发生任何问题。建议您使用小型视频文件进行测试，以检查它是否可以解决问题。如果可以解决问题，则可以尝试减小MS Edge的文件大小。

答案 1 :(得分：0)

经过进一步的挖掘，我发现实现了光滑的滑块。可以通过Edge无法自动播放视频的特定方式来操作DOM。

感谢您的努力！

相关问题
最新问题