title: Does "display:none" prevent content being loaded?
body: <p>I want to hide a video on mobile devices.
  I did this by using "@media screen and (max-width: ###px)" and "display:none", this works fine but does that prevent the video from being loaded?</p>
  
  <p>Basically I want the video to be not loaded with mobile data roaming, so that users on mobile devices won't use their roaming data for that.</p>
  
  <p>Is there a more convenient way of doing this?</p>