Many in the marketing world agree, 2017 is the year of video in digital marketing but does that include video backgrounds? When well done, video backgrounds create great effects, but are they worth the side effects? Here we’ll discuss pros, cons, and some things to help you decide if it's appropriate to use video backgrounds on your site.

Video backgrounds can be visually appealing and they can also convey what your company is about in a very succinct way. We've all heard the phrase, "A Picture Is Worth a Thousand Words," and in the case of video backgrounds, you can tell even more to any new visitors to your site right there above the fold. They can help in making connections through showing current users of your product or service in ways that can be relatable to potential users.

One of the best ways to implement video backgrounds is as a promotional tool; an extension of your brand advertising readily available to wow your visitors.  A great example of this is the GoPro website, where an ad is front and center on the above the fold content.

Other great uses for background videos include: showing screenshots of your software, connecting people with your company culture, or make an emotional connection with visitors.

The number one main concern with video backgrounds is speed. Depending on what/how you choose to play your videos the loading speed is likely to suffer. Streaming videos are serious bandwidth hogs and while the technology to implement them has vastly improved with the introduction of HTML5’s tag there is still not a perfect way to do it.

Speed is not the only thing that could affect the user experience (UX/UI). If your visitor base uses older browsers which do not support the newer HTML5 tags then you need to make sure that there are options available, otherwise, they might just see what looks like a dead site; which means more development and additional code on your page. (this is how the Bukwild website looks to users on older browsers)

The ever-increasing use of smartphones also comes to play. With the new larger screens coming out as frequently as almost every new phone, visitors should be able to see most of the background, but any users with smaller screens will see a very different picture. One great example of scalability is Coulee Creative. As shown in the images below, their video has a specific central point (feather icon with a person behind it) and it stays the central point no matter what size viewport is being used. (Mobile: still a video but with main focus that still work with branding)

This is not always possible and you might also need to include different images for mobile devices, especially if you are including text over the video. (Again, more development)

Remember GoPro from earlier? Even they do not include a video on the smaller screens and opt instead for static screen captures from the same video. (Mobile: no longer video, only a static image of the underwater scene)

As you can see, the cons list is a bit longer than the pros list and involves a lot of work for your development team. Suffice it to say, if you decide a video background is 100% the aesthetic your site needs, you should work closely with them to decide: what are the best avenues that will impact the least number of visitors?

Fact to Make You Say Hmm

Unsurprisingly, Wistia (one of the largest players in video content and streaming) added a video background on their site back in 2014; however, they removed it at the end of 2015. And they are not the only ones; there are various business examples - from video hosting providers to creative marketing agencies - where many have gone back to static homepages. The trend is still found on many sites and new ones appear as well; nevertheless, we may be seeing the last remaining legs of its run. (2014 vs 2017)

Things to keep in mind

The main goal of video backgrounds should be to utilize this feature to highlight or increase the user experience, instead of making it more difficult. UI/UX design explains that using websites should be intuitive and if you think back to your last few website experiences you probably only remember the ones that you found frustrating.

If your product or service doesn’t have actual video implementation such as live-action imagery, people, events or usage to feature, then video might not be the right choice for you. Our goal is to help in making those types of decisions, so feel free to contact us or click below to request a consultation. Best KPI Metrics For A Google GrantPro PPC Campaign To Optimize
The Future of Content & Omnipresent Marketing Michelle C. Villalobos

With nearly a decade of experience in the fields of brand/identity, print, advertising & web, her goal as Revenue River's COS developer is to have the most fun possible with each project she is granted. The more creative she can be with a project, the better. If anyone at Revenue River can be described as cosmopolitan it’s Michelle, she’s a rare mix of Panamanian, African, and Dutch (by birth), with just enough time spent in both Georgia and Florida to have the slightest twang to some of her..
[null, null, null, {"document_url": "https://www.revenueriver.co/thecuttingedge/video-backgrounds-homepage-pros-cons", "unformatted_src": "//www.revenueriver.co/hs-fs/hubfs/Blog_Post_Images/video-bg.jpg?t=1539589375950&width=792&name=video-bg.jpg", "src": "http://www.revenueriver.co/hs-fs/hubfs/Blog_Post_Images/video-bg.jpg?t=1539589375950&width=792&name=video-bg.jpg", "formatted_filename": "video bg", "alt_text": "Video Backgrounds Pros and Cons - Revenue River Marketing", "rendered_width": 792}, null, {"document_url": "https://www.revenueriver.co/thecuttingedge/video-backgrounds-homepage-pros-cons", "unformatted_src": "https://www.revenueriver.co/hs-fs/hubfs/cv-media/asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196901623-Screen+Shot+2017-04-13+at+4.25.44+PM.png?t=1539589375950&width=500&name=asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196901623-Screen+Shot+2017-04-13+at+4.25.44+PM.png", "src": "https://www.revenueriver.co/hs-fs/hubfs/cv-media/asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196901623-Screen+Shot+2017-04-13+at+4.25.44+PM.png?t=1539589375950&width=500&name=asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196901623-Screen+Shot+2017-04-13+at+4.25.44+PM.png", "formatted_filename": "asg wVIsj JU LHaANk Fart FKaGjODUOjYjEGMu F Screen Shot   at", "alt_text": "Video Bagckground Old Browser", "rendered_width": 500}, null, {"document_url": "https://www.revenueriver.co/thecuttingedge/video-backgrounds-homepage-pros-cons", "unformatted_src": "https://www.revenueriver.co/hs-fs/hubfs/cv-media/asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196509195-Screen+Shot+2017-04-07+at+13.36.20.png?t=1539589375950&width=585&name=asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196509195-Screen+Shot+2017-04-07+at+13.36.20.png", "src": "https://www.revenueriver.co/hs-fs/hubfs/cv-media/asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196509195-Screen+Shot+2017-04-07+at+13.36.20.png?t=1539589375950&width=585&name=asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196509195-Screen+Shot+2017-04-07+at+13.36.20.png", "formatted_filename": "asg wVIsj JU LHaANk Fart FKaGjODUOjYjEGMu F Screen Shot   at", "alt_text": "Video Backgrounds Great Example Desktop", "rendered_width": 585}, null, {"document_url": "https://www.revenueriver.co/thecuttingedge/video-backgrounds-homepage-pros-cons", "unformatted_src": "https://www.revenueriver.co/hs-fs/hubfs/cv-media/asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196575781-Screen+Shot+2017-04-07+at+13.36.01.png?t=1539589375950&height=296&name=asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196575781-Screen+Shot+2017-04-07+at+13.36.01.png", "src": "https://www.revenueriver.co/hs-fs/hubfs/cv-media/asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196575781-Screen+Shot+2017-04-07+at+13.36.01.png?t=1539589375950&height=296&name=asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196575781-Screen+Shot+2017-04-07+at+13.36.01.png", "formatted_filename": "asg wVIsj JU LHaANk Fart FKaGjODUOjYjEGMu F Screen Shot   at", "alt_text": "Video Backgrounds Great Example Mobile", "rendered_height": 296}, null, null, {"document_url": "https://www.revenueriver.co/thecuttingedge/video-backgrounds-homepage-pros-cons", "unformatted_src": "https://www.revenueriver.co/hs-fs/hubfs/cv-media/asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196276089-Screen+Shot+2017-04-07+at+3.22.19+PM.png?t=1539589375950&width=449&name=asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196276089-Screen+Shot+2017-04-07+at+3.22.19+PM.png", "src": "https://www.revenueriver.co/hs-fs/hubfs/cv-media/asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196276089-Screen+Shot+2017-04-07+at+3.22.19+PM.png?t=1539589375950&width=449&name=asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196276089-Screen+Shot+2017-04-07+at+3.22.19+PM.png", "formatted_filename": "asg wVIsj JU LHaANk Fart FKaGjODUOjYjEGMu F Screen Shot   at", "alt_text": "Video Background Wistia", "rendered_width": 449}, {"document_url": "https://www.revenueriver.co/thecuttingedge/video-backgrounds-homepage-pros-cons", "unformatted_src": "https://www.revenueriver.co/hs-fs/hubfs/cv-media/asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196635484-Screen+Shot+2017-04-07+at+15.21.22.png?t=1539589375950&width=400&name=asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196635484-Screen+Shot+2017-04-07+at+15.21.22.png", "src": "https://www.revenueriver.co/hs-fs/hubfs/cv-media/asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196635484-Screen+Shot+2017-04-07+at+15.21.22.png?t=1539589375950&width=400&name=asg_wVIsj2JU11LHaANk2Fart_FKaGjODUOjYjEGMu2F1492196635484-Screen+Shot+2017-04-07+at+15.21.22.png", "formatted_filename": "asg wVIsj JU LHaANk Fart FKaGjODUOjYjEGMu F Screen Shot   at", "alt_text": "Video Background No More Wistia", "rendered_width": 400}, null, {"document_url": "https://www.revenueriver.co/thecuttingedge/video-backgrounds-homepage-pros-cons", "unformatted_src": "https://no-cache.hubspot.com/cta/default/177047/dcd26ebb-e63d-4ae5-8a46-1c6b3ac5ee00.png", "src": "https://no-cache.hubspot.com/cta/default/177047/dcd26ebb-e63d-4ae5-8a46-1c6b3ac5ee00.png", "formatted_filename": "dcd ebb e d ae a c b ac ee", "alt_text": "New Call-to-action"}, null, null]