问题
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
回答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.
回答2:
The same problem in Mozilla FireFox. You can use Private Window in FireFox for video src request. Or Incognito in Chrome.
来源：https://stackoverflow.com/questions/40870112/video-content-missing-from-chrome-developer-tools-network-tab