title: If an element is display: none; in a media query are they loaded in still?
body: <p>Was just thinking about this today and it made me curious. </p>
  
  <p>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 query for mobile users. </p>
  
  <p>When those users view the site on their devices, will the site still load in the video and its elements, then hide them? Or does it prevent the elements from being loaded in? </p>
  
  <p>Will it affect load time? </p>
  
  <p>I have a site with html5 video for desktop and when scaled down it replaces these elements with a gif for mobile devices since html5 cant auto play on ios devices. Does that mean by selecting display none it is preventing the videos or whatever other elements from affecting the mobile load time?</p>