Add video hero/header to wordpress main site (storefront)

I think you need to change the CSS on your video element. Remove the max-width: 100% and set the height to height: 100vh;. It will crop the edges of the video on smaller screens, but that can’t be helped if you want it to be full screen height.

Related Posts:

  1. WordPress 4.7 – Custom Video Header – Stop Autoplay
  2. Headers with video in background and image overlay
  3. Creating a wordpress video header on home page only
  4. How can I use a video header that’s over 8MB?
  5. Video to stretch across the entire homepage [closed]
  6. Where is the Javascript attribute window._wpCustomHeaderSettings defined?
  7. How to add markup to the wp-custom-header div
  8. Setting multiple videos for the video background
  9. Hide video & make a clickable play button icon on header
  10. Video header works only on previews, but not on published pages