我在IE11中遇到自动播放视频的问题,在其他任何地方都可以正常使用。
该视频是一个动画背景,启动时自动播放并无缝循环。
在所有其他浏览器中加载海报图像,视频在加载后立即开始播放。
在IE 11中也会发生同样的事情,除了在显示海报图像和播放视频之间,在最初播放视频之前会出现黑色闪光。
我们公司的每个人主要使用IE,所以每个人都认为某些事情已经破裂。
每次加载或刷新页面时都会发生这种情况,无论视频是否已在本地缓存。
代码如下所示:
<video autoplay loop class="video-background" preload="none" muted plays-inline poster="@poster">
<source src="@Model.VideoUrl" type="video/mp4">
</video>
视频为1920x1080,具有H.264压缩功能。
我没做什么似乎在IE中修复了这个问题,我试图避免在JS中做任何hacky假装修复这个问题。
另一位开发人员建议不要添加海报图片,而是在视频元素上方的页面添加图像元素,在视频中添加“onplay”属性,并在其中添加JS以在指定的时间后隐藏图像。
虽然这确实解决了问题,但总会有人为的延迟,我不喜欢。
是否有人知道IE的正确修复以防止此内容闪现或是浏览器错误?