Web Design Trend Showcase: Big Video Headers

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.

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

19 Comments

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….

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,

Sorry, comments are now closed

Subscribe for email updates

Don't miss a post! Sign up for email notifications of new content on Line25. Every subscriber gets a free handy pack of web shadows.

About Line25

Line25 was built in March 2009 by Chris Spooner as a place to share his web design ideas and inspiration through articles, tutorials and examples of stunning site designs. Be the first to see new posts by subscribing by RSS, have new content delivered by Email, or join Line25 on Twitter.