我在标题的背景中使用视频,并遇到了旧版Edge中的一个错误,该错误无法自动播放视频。我已经看到一些报道,说这可能是编解码器问题,但是我设置了一个简化的示例,将视频设置为自动播放,将视频设置为自动播放,您可以观看得很好,只是不会自动播放。
我知道更新到Chromium Edge可以解决此问题,但是正在与可能在旧版Edge上使用一段时间的企业客户端打交道,这对他们而言并不可行。
您可以在此处查看有关Codepen的简化示例: https://codepen.io/zoladesigners/pen/zYrbJVY
感谢任何见识,谢谢!
<div>Autoplay</div><br/>
<video id="bgvid" class="header__vid" tabindex="-1" autoplay="" muted="" loop="" width="320" height="240">
<source src="http://koonzlaw.wpengine.com/wp-content/uploads/2020/06/koonz-header-vid-Crompressed.mp4" type="video/mp4">
</video>
<br/>
<div>Controls</div><br/>
<video id="bgvid" class="header__vid" tabindex="-1" autoplay="" muted="" loop="" controls width="320" height="240">
<source src="http://koonzlaw.wpengine.com/wp-content/uploads/2020/06/koonz-header-vid-Crompressed.mp4" type="video/mp4">
</video>