Web Design Trend Showcase: Big Video Headers

Read the full post

Add to Flipboard Magazine.

Following on from my recent showcase of websites featuring full screen videos, today’s post looks at the sub-trend of big video headers in web design. HTML5 and jQuery make it easy to add dynamic video content to your site without bogging down the browser with Flash. This means designers can start to play with video as part of a website design as well as its content. This post showcases some great examples of video background headers, followed by some links to help you create the effect yourself.

Risk Everything

View the website

Exponent PR

View the website


View the website

Hover Studio

View the website

Facebook Home

View the website

G-Star The Art of RAW

View the website

Dadaab Stories

View the website


View the website

L’attrape rĂªve

View the website

Video Background Tutorials

HTML5 Video and Background Images

View the website

Responsive HTML5/CSS3 Video Background In div No Javascript Needed!

View the website

How To Build a Fullscreen Background Video Player

View the website

Full Width HTML Video Background Tutorial

View the website

Video Background jQuery Plugins

jQuery.videoBG Plugin

View the website


View the website

MaxImage 2.0

View the website


View the website

jQuery Video Background Plugin

View the website

  • 187
100 HD Blurred Backgrounds

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of 100 HD Blurred Backgrounds + bonus 10 realistic web shadows.

100 HD Blurred Backgrounds

Written by Iggy

Iggy is a designer who loves experimenting with new web design techniques collating creative website designs. You can follow Iggy on Twitter.


  1. great sites but… 1) not all are responsives 2) i’m gettin disappointed about the non compatibility yet of ‘object fit’ parameters on standard modern browsers. Is it possible in 2013 that a browser cannot stream a video fitting his position to monitor? Would like to know more thought about it….

  2. Preston says:

    Loving these. A great follow-up post would be something geared toward the how-to or best practices for implementing on your own site. Thanks for sharing, Chris.

  3. AviaT- says:

    Now that’s a trend I really like! Wonderful how it contributes to the overall feel of the site. I’ll have to give one of these tuts a try.

    Thanks for posting these.

  4. Suresh says:

    This is a trend going on for today’s most of the website. Even i publish one similer post on Websites Featuring Video as a Background.

  5. Thushyantha says:

    Really nice post and designs. actually this is the new trend sites.

  6. Sky-tech says:

    I like the way facebook and numbrs did it. Those trends are really viral.

  7. Some of those are really emotional!

  8. Easy-Pixel says:

    tolle sache, gelungener beitrag.

  9. Brandon says:

    Don’t forget about Spotify –

  10. Paul says: is a great site; and really hits home with the message they’re getting across. Good web design!

  11. I also think That designers can start to play with video as part of a website design as well as its content. .
    I am really impressed to read this innovative post and I would like to give a special thank to the author to share this innovative and creative post with us,

  12. Rob Jenkins says:

    pretty smart how Risk Everything turns to static images instead of the video for mobile to reduce load time.

  13. Great, actually i have seen these pictures and really appreciating them.

  14. Jared says:

    This is a good idea when the video content is good. I’ve seen some sites do this and the videos were terrible.

  15. Multyshades says:

    I think video is widely used in today’s web design and it is one of the most powerful tools of visual communication.

  16. I wanna work in London (HOVER STUDIO) ;)

  17. Samir says:

    great Idea & good Concept i will suggest my friend to follow this for his website.

  18. Ducktoes Web Design says:

    Very interesting, thanks for sharing!

  19. Matthew says:

    The websites look great with the full screen video,I’m wondering do they move in search engines due to minimal content on home page?

Leave a response