Video content missing from Chrome Developer Tools Network Tab

Question

The following website: http://www.themedept.com/demo/getleads/agency.html

Shows a looping video: http://www.themedept.com/demo/getleads/images/video/video.mp4

Why does this video video not appear in the Chrome Browser Developer Network Tools Tab:

Additional Information: The video is called via Javascript which adds the following element to the page

<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> 

The Javascript that called this is from the file: http://www.themedept.com/demo/getleads/js/plugins/jquery.vide.min.js

Answer 1

I have the same issue (Chrome 54.0.2840.99 m) but I found that it at least works in an incognito session.

It seems that Chrome Dev Tools is not respecting the "Disable cache" setting for videos.

Answer 2

The same problem in Mozilla FireFox. You can use Private Window in FireFox for video src request. Or Incognito in Chrome.