Background Video Rescale

Comments

• Albert

  March 2016

  Hi,
  
  css backgrounds are not responsive unfortunately and never won't be. It's technical problem between being responsive and css and that's why there is nothing what we can do in this case.
  
  Thanks!
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• chrisramoslive

  March 2016

  That is unfortunate. Photos seem to rescale well but my video background would really benefit from rescaling. Thank you for the quick response!
• Albert

  March 2016

  You're welcome!
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Rendered2016

  August 2016

  Hi there,

  
  

  I found a work around to at least get the background video to keep centered when the screen is resized.

  My question is: Where would I insert this code?

  
  

  Here is the example that I found which seems to work well:

  
  

  http://www.aaronvanderzwan.com/maximage/examples/html5video.html
  

  
  

  Please let me know where this code that the suggest to use should be inserted?

  JS for this page:
  $(function(){
 // Helper function to Fill and Center the HTML5 Video
 jQuery('video, object').maximage('maxcover');
});

  CSS for this page:
  html {overflow-x:hidden;}
body {margin:0;padding:0;}

video, object {
 left:0;
 position:absolute;
 top:0;
}

  
  

  
  

  
  

  
  
• Albert

  August 2016

  @Rendered2016 JS can be placed under Theme options > Custom CSS & JS > Custom JS section but css under Theme options > custom CSS & JS > Custom CSS. However, if this wouldn't work, it means that it is necessary to modify theme files.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next