页面未在Chrome中请求视频

时间:2018-05-08 02:52:39

标签: wordpress html5 google-chrome html5-video

我在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中打开并刷新了开发人员工具,那么请求会被发送出去,视频会正常播放。我不确定这里发生了什么,并希望得到任何见解/帮助。感谢。

1 个答案:

答案 0 :(得分:0)

我弄清楚发生了什么事。响应正在发送,但是如果在发送请求时它没有打开,网络监视器显然不会选择响应。仍然不确定为什么它在使用开放式工具打开时刷新......至少可以说这很奇怪。

Anywho,问题来自Chrome的新自动播放政策。视频正在加载,但没有自动播放,所以它看起来像黑屏。关键是将'muted'属性添加到html5视频标记中。之后,该视频符合Chrome新的自动播放政策,并立即启动。