Line25

30 Web Designs Featuring Looping Video Backgrounds

Read the full post

Looping video backgrounds is one of the fastest growing trends in web design. Ever since designers were given the ability to render video content in HTML5 we’ve seen motion pictures quickly take the place of static images in website headers and backgrounds. Today’s web design showcase features 30 great examples of sites featuring large looping video backgrounds. See how they use this type of content to create visually impressive intros, or catch your eye with subtle motion.

Purple, Rock, Scissors

Purple, Rock, Scissors

Project Skin

Project Skin

DUNCKELFELD

DUNCKELFELD

Digital Telepathy

Digital Telepathy

Kalexiko

Kalexiko

Geckoboard

Geckoboard

Cobble Hill

Cobble Hill

MELANIE F.

MELANIE F.

Pushreel

Pushreel

Build Films

Build Films

St. Joseph’s Preparatory School

St. Joseph's Preparatory School

Fresh Design Studio

Fresh Design Studio

P’unk Avenue

P'unk Avenue

Believe.in

Believe.in

Strijp-S

Strijp-S

Final Elements

Final Elements

Edmonton Events

Edmonton Events

Deakin University

Deakin University

Blank

Blank

STUDIO PIE

STUDIO PIE

Bellroy

Bellroy

High Tide

High Tide

Usertify

Usertify

Whiteroom

Whiteroom

BKWLD

BKWLD

Spry

Spry

Poolhouse

Poolhouse

Withings Activité

Withings Activité

AQUATILIS EXPEDITION

AQUATILIS EXPEDITION

Optimo Hats

Optimo Hats

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.

5 Comments

  1. Don’t forget to add AirBnb & Marmoset to the list!

  2. MatthewDonovan2 says:

    Massively helpful. Haven’t used a lot of looping backgrounds personally but more because I haven’t been able to see past my narrow vision for the design as a whole, where I could just work with the looping design and plan around it so its more cohesive. Thanks for this.

  3. Great list!!
    Great collection!!
    Great work!!

  4. dave says:

    Here’s another ; a french designer…

    http://paulcazenavepiarrot.com

Sorry, comments are now closed