首页 > 解决方案 > 视频最初未在 Chrome 中播放

问题描述

我希望有人可以对此有所了解。此页面有一个背景视频http://www.metrocommercial.co.nz/,它在所有浏览器中都可以正常播放,但在 Chrome 中它不会在初始页面加载时播放(代码具有自动播放功能)。如果页面的重复版本加载到新选项卡中,它确实会播放 = 超级烦人。

这是相关的代码。视频文件为 11MB,我认为这些天并没有那么大。

    <video class="img-responsive home-bg-video hidden-xs hidden-sm" autoplay loop poster="img/videoPoster.jpg">
        <source src="img/video.mp4" type="video/mp4" >            
    </video>

非常感谢您对此的任何帮助。

标签: videohtml5-video

解决方案


我找到了解决方案,将“静音”添加到对 Chrome 进行排序的属性中。不知道为什么这有帮助,但确实有。所以视频标签如下

<video class="bla" loop muted autoplay poster="img/videoPoster.jpg">
    <source src="img/video.mp4" type="video/mp4" >   
</video>

推荐阅读