Chrome开发者工具网络标签中缺少视频内容

时间:2016-11-29 15:52:07

标签: javascript html google-chrome video google-chrome-devtools

以下网站: http://www.themedept.com/demo/getleads/agency.html

显示循环视频: http://www.themedept.com/demo/getleads/images/video/video.mp4

为什么此视频视频未显示在Chrome浏览器开发者网络工具标签中: enter image description here

其他信息: 该视频是通过Javascript调用的,它将以下元素添加到页面

<video autoplay="" loop="" muted="" style="margin: auto; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); visibility: visible; width: 1352px; height: auto;"><source src="images/video/video.mp4" type="video/mp4"><source src="images/video/video.webm" type="video/webm"><source src="images/video/video.ogv" type="video/ogg"></video>

调用它的Javascript来自文件: http://www.themedept.com/demo/getleads/js/plugins/jquery.vide.min.js

3 个答案:

答案 0 :(得分:26)

我遇到同样的问题(Chrome 54.0.2840.99 m),但我发现它至少可以在隐身会话中使用。

Chrome Dev Tools似乎不尊重&#34;禁用缓存&#34;设置视频。

答案 1 :(得分:3)

Mozilla FireFox中的同样问题。 您可以在FireFox中使用私有窗口来获取视频src请求。 或在Chrome中隐身。

答案 2 :(得分:0)

我使用了MS edge版本86.0.622.48(我在macOS Mojave上),并且工作正常!发送给那些对Chrome和Firefox有问题的人!