title: Optimizing for mobile/ low speed connection - full background video
body: <p>I am developing a website with a full background video. </p>
  
  <p>To optimize for low speed connections / mobile, I am using a media query to detect screen sizes smaller then 768 px, then doing a display:none on the video container and displaying a background image instead.</p>
  
  <p>My question here is: </p>
  
  <p>Is this the correct way to optimize for low speed connections / mobile? 
  Will it have any impact on my optimization when not displaying containers with css or should I be doing it in JavaScript instead, when loading the page? </p>