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.

9 Comments

  1. nicola says:

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

    • Steven says:

      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!

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

  3. eddywashere says:

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

  4. David says:

    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!

  5. Victoria says:

    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

  6. Oksana says:

    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.

  7. Tim says:

    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.

  8. Pranav Jain says:

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

Comments are now closed