High-Quality Video Backgrounds for Website Layouts

by Jake Rocheleau

on May 27, 2013

in Resources

Over the past year I have witnessed a rise in the popularity of background videos. There have been a lot of advancements with CSS3 and jQuery plugins to encapsulate the method of using fullscreen images within a website layout. This has been typical and expected for a while, yet designers are always breaking the mold for bigger and better ideas. Fullscreen video backgrounds are bandwidth-intensive and they also provide a unique browsing experience.

However the process of locating high quality videos for your background can be tough. There are not always places online you can go to grab a free download. And the other paid alternatives usually require a lot of haggling just to find what you need. I would like to present just a few solutions for those who are interested in using fullscreen video backgrounds. The technique does require some time and effort but in the end your website’s presentation will be phenomenal.

Digital Motion Graphics

If you need some quick clips or smaller video effects then I would recommend Video Hive. The Envato marketplace gets a lot of hype surrounding website media, but I feel this is within reason. They have been online for years and the products are mostly contributions from various freelancers around the world.

videohive website layout inspiratoin premium stockfootage

By purchasing any videos or stock motion graphics you are giving some money directly to the creators. This is a nice method of exchange to support creative artists who like to contribute their works back to the Internet community. Prices can be very reasonable with full videos costing well under $8-$10. Check out the popular footage gallery and see what you can find.

Stock Videos

Those who are looking for a more professional solution to web video will need a full studio gallery to choose from. The video footage available on 123RF has a large collection of video media. You can select the overall download size which ranges from 360p up to 1080p HD. The options are practically endless! And for a very reasonable price you have access to download anything which catches your interest.

123rf website footage stock videos homepage graphics premium

The premium packages work a bit differently since you are not paying individual prices for each video. Instead you have a limit for downloads per month, or using up account credits. Check out this example of traffic in NYC. It would make a fantastic background shot, yet the pricing credits will change based on your resolution. Keep this in mind as you are going through 123RF which should give you a better understanding of their marketplace.

Scouring for Freebies

If you do not have money to shell out for any professional videos might I suggest performing a couple searches in Google? You may be surprised at the results and how easy it is to obtain your own video footage. Using web tools like Savevid it is easy to find related stock photography hosted for free on YouTube, and then download an MP4 copy to your desktop. Free resources are always out there if you know where to look.

savevid keepvid save copies youtube videos online tools webapp

Closing

Video media in website backgrounds is still a growing trend. I have seen this on numerous homepages and landing pages for products or companies. With sound the videos can get a little hectic, but displayed as moving pictures your visitors are sure to be impressed. I hope these resources may provide a starting point for locating HQ streaming video sources for your website projects. Don’t be afraid to experiment and push the boundaries on new web technologies.

Powered by Shutterstock

About Jake Rocheleau

Jake is a digital researcher and writer on many popular design magazines. He frequently writes on topics including web design, user experience, mobile apps, and project management. You can find him all throughout Google and tweeting @jakerocheleau. Connect with Jake on google+