If An Element Is Display: None; In A Media Query Are They Loaded In Still?

Was just thinking about this today and it made me curious. If I have some elements or divs on a site, such as a video tag, if I set this video tag to display: none; in a media que

Solution 1:

This is situation and browser dependent. In many cases a hidden asset won't be downloaded but it could be if the browser thinks its going to be used. This is an older question but it addresses what you are after:

Does "display:none" prevent an image from loading?

I would guess on mobile that the download would be deferred. I know for sure that display:none; images are deferred on current chrome on android and html5 video is probably the same.