IE 11 HTML5视频在显示海报图像和播放视频之间闪烁黑屏

时间:2018-01-17 15:31:01

标签: javascript html5 html5-video

我在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的正确修复以防止此内容闪现或是浏览器错误?

0 个答案:

没有答案