Line25

Showcase of Websites Featuring Full Screen Videos

Read the full post

We’ve all seen videos on websites restricted to a specific frame size, but why not make use of the user’s whole monitor? Once upon a time only Flash was capable of such wizardry, but these days Javascript and HTML5 make it perfectly feasible to stretch your video footage to fill the browser window. This post showcases 15 website that all make use of full screen video techniques.

The Build Film

View the website

iuqo

View the website

El Monstruo

View the website

Captain Dash

View the website

Adidas Design Studios

View the website

Barrel 2012 Recap

View the website

TAG Interativa

View the website

Facebook Home

View the website

Black Negative

View the website

Mercedes-Benz A-Class

View the website

SF Dok

View the website

Art, Copy & Code

View the website

Peugeot RCZ

View the website

Brightly Preflight Nerves

View the website

The Twelve

View the website

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

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.

  • nicola

    the peugeot one is amazing, i wonder how they do those kind of interactive videos

    • http://stevenwatson.co.uk Steven

      It was a great interactive experience, they must create all of the movies (such as the scenes with the car driving away from the police) with every style of car that’s available for the end user to make.

      It was really cool though!

  • http://www.sentivaweb.com Software Developers Leeds

    Really liked the look of the iuqo one, but when I actually went to it found it really confusing and I’m not totally convinced everything resized correctly…

  • http://eddywashere.com eddywashere

    Another amazing site with full screen video :] http://kindform.com/

  • http://planowebdesign.net David

    These websites, their videos, specially captain dash, are really captivating! Maybe there should also be a video presentation where the topic revolves about the introductory paragraph of this showcase! “Darkness of space; In the age, where flash was the only blah, blah, blah…” :) Why don’t you create a page like that here!

  • http://intersog.com Victoria

    I actually love full screen pictures. Videos look awesome too, but here the question with internet speed arises: if its too slow, the site would be loading a while. And what I totally dislike is the sound when you open the site

  • Oksana

    Love look of Zürich one, SF Dok. But, I’ve checked few of them, they aren’t working ( include SF dok ) perfectly or have some problem with finding right navigation etc… so, some of them maybe special, but not for me.

  • http://calio.co Tim

    We implemented a video background on http://calio.co to add some spice to the site.

    If you scroll down you’ll see we dropped in a a background video of rain. I get comments on it all the time which is pretty cool.

  • http://urbanmediawatford.co.uk/web-design-in-watford Pranav Jain

    Truly amazing design and all having a different from any other design…