• Videvo
  • /
  • Blog
  • /
  • Using Stock Footage for Website Backgrounds

Using Stock Footage for Website Backgrounds

in Category: Tutorials | by Videvo

The New Age of Web Design: Video Backgrounds and Headers

They say a picture paints a thousand words. If that’s true, then what about video? In this article we explain the benefits ofĀ using stock footage to add aĀ video background for your web page.

Here at Videvo, we aim to provideĀ you with free HD stock footage thatĀ can be used and adapted in as many ways as possible – and this includes video forĀ webpages. Whether you are designingĀ a personalĀ portfolio or customizingĀ a company site, videoĀ can be a valuable addition to help make your webpageĀ look polished, professional and ultimately stand out against others. And it’s nowĀ easier than ever before, particularlyĀ if you have access to a readily available source of free stock footage from yours truly.


But Why Should I Use Video?

videobgs-1

 

As the process of website creationĀ continues toĀ become increasinglyĀ simplifiedĀ and more accessible, so too are the expectations for clean, modern web designs. Owning a website is now more or less essential if you’re a freelancer or run a small business, and with so many people realising the importance of a well designed website,Ā how can you make yours stand out against the others? A good wayĀ is to stay up to date on web design trends and one of these latest trends is video backgrounds. Thanks to things like HTML5 video andĀ jQuery, web designers have begun to experiment with adding video backgrounds instead of stillĀ images, allowing creators to add aĀ personal touch to any siteĀ with videos that complement theĀ webpage’sĀ overall message.

But what if you want to follow the modern, large video background trend but don’t have your own HD video clips, or at least none that relateĀ to your company, product, business, etc.?

That’s where free stock footage comes in. Whether you’re looking for free, large video background to compliment your site, or simply wondering how to add a big video headers to the top of your homepage, stock footage is a high-quality source that let’s you add thatĀ added flare to your site – and if you can get it for free then even better!


Which Footage Shall I Use?

videobgs-2

 

A few things to keep in mind before selecting a featured video clip for your site:

  1. The length of the video clip –Ā You don’t want your website visitorsĀ to be watching an entire narrativeĀ as soon as they navigate to your site. Instead, you should aim for a clip that is betweenĀ 10-15 secondsĀ long and preferably something that loops seamlessly. Luckily, Videvo offers a good selection of HD clips that are loopable.
  2. Relativity of the clipĀ – Videos for your web page should be there to amplify your site’s message, not as needless decoration. Make sure the chosen clip relatesĀ to your site’s atmosphere, product, etc.
  3. Size of the clip –Ā Large video backgrounds, banners, and headers all call for videos with high resolutions. Videvo provides clips in full 1920×1080 HD resolution, which function nicelyĀ as video web page headers and big video backgrounds. Avoid videos with smaller resolutions (i.e. don’t try to use anything less than a 720p YouTube video as a video banner!).

Still need some help deciding? With free stock footage, the possibilities for videoĀ headers and backgrounds are endless, but below we’ve thought ofĀ a few free HD stock video clips from Videvo that we think would work for general website themes, all of which containĀ plenty of copy space for your web page text:

 

  1. Our newest ink flow collection – This batch of free stock video clips lets you choose from a variety of different colors that fit your website theme. All ink flows appearĀ against a white background, so they giveĀ your video backgrounds and headers that clean look.
  2. AbstractĀ clipsĀ with clean color schemesĀ – The “Abstract” section of ourĀ site is filled with simplistic designsĀ that will not distract from your website title and text.
  3. Video clips that show wideĀ landscapes – Wide-angled natureĀ shots are a popular choice for video website headers, because they are easy to loop and look greatĀ as large backgrounds.

HowĀ Do I Do It?

Well you’re kind of asking the wrong people here – we’re just simple video guys. However,Ā SitePoint offers a nice video tutorial on how to go about creating a full-width video header for your website using Bootstrap:

You can also check out this article by Elegant Themes regarding how to add video backgrounds to a webpage using WordPress.


That’s about all there is to it! HopefullyĀ you’re now prepared to incorporate free stock footage as a video background or header onĀ your website. Be sure to browse through our entire library, notably the Backgrounds section of the site, to find the video header clip or video background footage that works best for you.

Best of luck onĀ your web design journey, and see you soon!

The Video Team
www.videvo.net