时间戳

首页 > 解决方案 > 页面未在 Chrome 中请求视频

wordpress - 页面未在 Chrome 中请求视频

问题描述

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

标签： wordpresshtmlgoogle-chromehtml5-video

解决方案

我弄清楚发生了什么事。正在发送响应，但如果在发送请求时它没有打开，网络监视器显然不会接收到它。仍然不确定为什么在打开开发人员工具进行刷新时它会起作用......至少可以说这很奇怪。

无论如何，问题来自 Chrome 的新自动播放策略。视频正在加载但没有自动播放，所以它看起来就像一个黑屏。关键是将“静音”属性添加到 html5 视频标签。之后，该视频符合 Chrome 的新自动播放政策并立即开始播放。

推荐阅读