title: What is the best way to remove html5 video background for mobile users
body: <p>EXPLANATION: A customer of mine wants to have a background video running on his responsive website. However he would also like to remove it for tablet/mobile users. I know this can be done with media queries, but the video would still load as part of the DOM and that is what i would like to prevent. </p>
  
  <p>QUESTIONS:</p>
  
  <ol>
  <li><p>Can the video element be removed using JavaScript/jQuery from the DOM when it loads view-port at certain widths?</p></li>
  <li><p>Can the same video be recovered when if the view port is manually increased in with? (i suspect this is a bad approach)</p></li>
  <li><p>Will a video with "display:none;" still affect loading/battery time on a tablet/mobile ?</p></li>
  </ol>
  
  <p>Thanks you for you assistance.</p>