Web Inspiration: Video BackgroundsListThumbs

Web Inspiration: Video Backgrounds

March 21, 2009

Hello, it's been a long long time since I've posted something but I'm happy to be back and I hope to post more often. I've had this idea for a post for a while, it's something I've seen only a handful of times but I really like it. It's about websites that use full page videos as their backgrounds. Similar to the idea of using full page photos that we talked about here on abduzeedo last summer.

I totally dig this design style. Can't say it's a trend yet because I haven't seen too many. Here are some examples of sites that do this. The first used to automatically start when you loaded the page but then he changed so you have to click on the image to start it. If you know of anymore sites like this, please post the links in the comments.

Electrick Suicide

This one (IDEAL) is my favorite out of all them. The look of it is awesome, you can control the video just by the move of your mouse or you could just let it play on it's own.
IDEAL

I'm sure many of you already know of this site since they are a pretty big international agency.
Razorfish

And if you are interested in doing this for yourself, I've found this website that you can buy a pre-made flash file. I'm in no way affiliated with this site, it just turned up in my search. I like how you can choose how many scan lines your video could have. Lets you give your site that old found video feeling.

Flash Den

About the author

User picture

Hi readers!
I'm a Graphic Designer in New York City (Brooklyn!). NY is a hub for design and my posts will try to focus on, but will not be limited to, design related things happening in NY, such as museum exhibits, architecture, events, local artist interviews, galleries, etc. I'm very much into technology and art and how they intersect to make multimedia art installations. Hope you enjoy my posts!
My site: www.franciscog.com

Sponsored Links:

More content from:

Help us to share this!

20 Comments

Anonymous03/22/2009

Another site with a videoish background is: http://massiveattack.com/

Bobby03/22/2009

I would love a tutorial on creating a video background... I think it would be a great service to the community of creative designers out there...

SuperMonkeyKing03/22/2009

def not 56k friendly, but amazing all the same

furvert10103/22/2009

wow, im surprised to see that www.1stavemachine.com isnt on here... check it out for sure!

Bogdan Pop03/22/2009

The first one has nice intro with that video background, but I don't really like the rest of the site.

I mean, the intro sets so high expectations, while the rest of the site is low.. very low.

John03/22/2009

IDEAL is great, another one here http://www.wimvanhenden.be/

luke chard03/22/2009

check out www.soulwax.com. video & audio interaction

OSVALDO_ALPHA DESIGN03/22/2009

The only one web page I've ever seen with a video in the backgrown was the one of GOLDFRAPP! So i tought it would be here but I was wrong! (before seeing the GOLDFRAPP web I didn't know there were video BG in web designs)

Great web by the way!!! Abduzzedo is the best!!!

Francisco03/22/2009

Thanks for the links, that WIMVANHENDEN site is amazing! i love it. I love Soulwax too!

Silenzo03/22/2009

http://www.noxxantwerp.be/ this is another one. you can choose between fullscreen or browser resolution.

It's in belgium / antwerp :) party on! xD

James O03/22/2009

Has anyone ever seen this agency's work http://www.redtettemer.com it seems like video backgrounds are their specialty.

Escapation03/22/2009

You all know http://www.neave.tv right?;-)

@furvert101
Damn, thats some awesomeness

3AKIS03/23/2009

Well and this one could be added to (love the sound sample.. wild thing :) hehe)
http://www.marketel.com

The best&the biggest flash i have ever seen (matching the time, script, programing, photographers, compositors involved) so far is:
http://www.mtl12.com/
super design, after effects.. and ql Music tracks!!

next03/23/2009

i dont understand jejeje

Adib Muhammad03/24/2009

The official website for the english post-punk band White Lies also has videos for the background.

Anonymous03/24/2009

I too would like a tutorial on creating a video background!!

ScaKKo03/24/2009

Check out www.dodicitrenta.com , also that website has video background

insaineyesay03/27/2009

here's one too.
cool post man.
http://www.yodabaz.com/

mouse05/06/2009

That fullscreen flash is the stuff dreams are made of!!!
This site:
http://designweek.ie/2008/index.html
Has a really nice video background, it's not fullscreen but the site has html/css on top of the flash video.
Pretty Sweet I think :)

Post new comment

The content of this field is kept private and will not be shown publicly.

Icon Ads Wall

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Do you want to advertise here?