video - 视频最初未在 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>
非常感谢您对此的任何帮助。
解决方案
我找到了解决方案,将“静音”添加到对 Chrome 进行排序的属性中。不知道为什么这有帮助,但确实有。所以视频标签如下
<video class="bla" loop muted autoplay poster="img/videoPoster.jpg">
<source src="img/video.mp4" type="video/mp4" >
</video>
推荐阅读
- flutter - 根据可用空间限制小部件的数量
- reactjs - 检查状态以有条件地映射组件
- javascript - 从 Javascript 中的字符串中选择随机表情符号
- firebase - Flutter Firestore 聊天 - 获取最近的对话
- jquery - 在我的项目中调用不同的索引页面时,.net Core MVC 部分视图不呈现
- java - 在 Fedora 31 中扩展 Java 应用程序
- elasticsearch - 如何查找弹性搜索查询的执行时间
- android - 使用 apolloclient 的 android 中的 Graphql 查询导致“标量的意外枚举”
- python - 如何在单个 python 循环中执行两个 for 循环?
- arrays - 如何在 spark-shell 中从 Array[Array[String]] 的 RDD 中提取字符串值?