Search code examples
javascripthtmlgoogle-chromevideogoogle-chrome-devtools

Video content missing from Chrome Developer Tools Network Tab

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: enter image description here

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

Solution

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