Recommendations for video background in header or top of home page content


I may need to switch to a different theme but am hoping to continue with Unite because I love the theme and your support is fantastic! I’m a videographer and would like to use the Video Background plugin to have a video in the top half of the home page with other content (e.g., text, images) in the lower half. Within the Video Background plugin, I’ve tried different containers such as header, page, body.

The header (.header-area) seems like it will be my best option to allow me to still have other content in the body (unless you recommend a different full-width container). My problem now is that the header size crops the video. Is it possible to increase the header size so it won’t be cropped? Or do you recommend a different approach? Ideally I’d like the background video to span the full width of the page. (I realize this may be beyond the scope of support though.)

Here’s my test page with the video in the header:


Hi Sarah,

I hope you are well today and thank you for your question.

I visited your shared page but it’s displaying the error “Oops! That page can’t be found.” as shown in the attached screenshot.

Please advise.

Kind Regards,

Sorry about that, Movin. I’d forgotten to change the privacy settings. This is the test page:

To display the whole video try adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Unite Options -> Other -> Custom CSS

@media (min-width: 992px){
.container.header-area {
    height: 659px;