text: Q:
  
  Display:none for video element, will it still be buffered?
  
  I have a website with a video playing below the header on the front page, the video is pretty large and I am using media queries to remove it from the mobile browsers etc.
  It displays fine, just as I want.
  But I wonder, if I simply set it to display:none, will it still be buffered in the background? So phone users will have a slower load time for no reason at all? How should I do it instead, if that's the case?
  I searched for this question and I only found one remotely related. But there, the question was if the code would be loaded or not. And I can live with loading an extra line of HTML. So that's not the issue.
  
  A:
  
  To be on the safe side, I would first write a general CSS rule for the video container that has display: none in it, and then add a rule inside a media query (@media screen and (min-width: 768px) {...}) for screens above 768px (or whatever your breakpont is) that contains display: block. 
  That would be a mobile-first approach that makes sure it's not loaded on smaller screens.
  
  