我在http://www.thelittlebitfoundation.org/旁边运行了一个小型wordpress网站,并遇到了Chrome的一个奇怪的错误。 Chrome上的第一次加载时未加载后台视频循环。不是因为它不会播放,但根据Chrome上的网络监视器,甚至没有针对http://www.thelittlebitfoundation.org/wordpress/wp-content/uploads/2017/04/TLBF-2017-WEB-LOW.mp4的视频发送请求。
相关的html
<video height="100%" width="100%" src="http://www.thelittlebitfoundation.org/wordpress/wp-content/uploads/2017/04/TLBF-2017-WEB-LOW.mp4" autoplay loop></video>
在DOM中显示得很好但是没有为src视频发送请求。
现在这里变得特别奇怪。如果我刷新,它仍然无法加载。但是,如果我在Chrome中打开并刷新了开发人员工具,那么请求会被发送出去,视频会正常播放。我不确定这里发生了什么,并希望得到任何见解/帮助。感谢。
答案 0 :(得分:0)
我弄清楚发生了什么事。响应正在发送,但是如果在发送请求时它没有打开,网络监视器显然不会选择响应。仍然不确定为什么它在使用开放式工具打开时刷新......至少可以说这很奇怪。
Anywho,问题来自Chrome的新自动播放政策。视频正在加载,但没有自动播放,所以它看起来像黑屏。关键是将'muted'属性添加到html5视频标记中。之后,该视频符合Chrome新的自动播放政策,并立即启动。