Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

like image 860
James Avatar asked Nov 29 '16 15:11

James


People also ask

How do I see all sources in Chrome dev tools?

Yeah, if you want to search within content sources which are scripts used by extensions and the internal browser API, you enable it in the Settings of DevTools and then from any panel in DevTools you can type Ctrl + Shift + F or (on Mac) Options + Command + F (⌥⌘F) to search across all sources, snippets, and files.


Video Answer


2 Answers

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.

like image 91
maz Avatar answered Sep 22 '22 17:09

maz


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

like image 36
DocSS Avatar answered Sep 21 '22 17:09

DocSS