Special Hunters Promo: 2 video sequences, edited just for you!

beautiful, free mood videos for your homepage

7 new videos every monday
Loading Coverr...

Coverr was made with by the CodersClan and Veed.Me teams

Mood Coverrs


Top

Bath Time

Cold Stream

Desert Watching

Doggy Watch

Green Cabin

Nap Timer

Open Arrow

Fire<->Ice

Snowy Bench

Disco December

Fency Snow

Festive Tree

Holiday lights

Holiday Sale

Open Gate

Snow Bricks

Tree Close-Up

Magazine

Onfire

Play

Shopping Mode

Stay

TwisterTime

Into the Wild

Top Highway

Down by the River

U Turn

Playful Sunday

Golden Gate Traffic

Pink Mood NYC

Cardio Time

Cloud Surf

Desert Storm

Industrial Brooklyn

Main Street

Mega Yacht

New England

Oculus

Photobooth Bus

Trio

Dream House

Fancy Fence

Vacay Mode

UN building

Disco

Ultra Sunset

Evening breeze

Suburbia

Workout

Tired is Happy

Carmel California

Dog-And-Fog

Mobile-Games

Porto View

Steptwo

Streetclown

Writing-Working

Strole in the Park

Clouds Fly By

Gentle Ripples

Snowy Trees

Gardening

Rainy Street

Cloudy Road

I Just Wanted

Street Art

Winterfell

Golfing

Amalfi

Honeymoon

Italia

Perfect Hour

Fish Tank

Roots to Treetop

Tilted Beach

Two-Swimmers

Burrito Time

Flower Ceiling

Nueva York

Tourists

Yellow Traffic

1-0

Chinatown Trio

Flowers Girl

Geranium

Muji Doodle

Cranesbills

Sharper

Sketch

Turn Left

Clouds Lapse

10K Feet

Palm Trees

Jungle Road

For Shore

Heaven

Tulum Pier

CastAway

Apres Ski

Cable Car

Lifting

Snow Land

Winter Rest

Office Perks

Dog and Flowers

Snow Wires

Concrete Jungle

H2O

Avo-egg

Iphonography

Pencil down

Discussing features

After Party

Highlights

Matcha

Orchestra

Desert Mode

Dodge Tornado

Manhatten Night

New York Sky

The Kayak

Forest Lullaby

Snow Park

Windy Traffic

Love Boat

Stone Falls

The Launch

Coffee Place

Retro Volks

Fishermen Resting

Heaven From Top

Holiday Spirit

Everything is Right

Over the Bridge

Schnitzel

The Coast

Day Dream

Shore Aerial Sequence

Slow Fall

Trees Top

Blue Horizon

The Truck

Tropical

Zoom to Shore

Bokeh Tov

Popcorn Time

High Lines

Screens Only

Walking Heads

Yellow Cars

Busy City

Waiting Wishing

Bangkok Traffic

Bumper Cars

Carousselle

Vacation Mode

Dishes

Dog Lovers

Espresso

Let it Grow

Water Park

Love Coding

Urban Timer

Washed

Fade to Black

Handyman

IKEA

Team Work

To The Left

Boat Lapse

Man and Sea

The Poppy

Training

Busy

Free Parking

Go With The Flow

Gold

High

Onzen

Shrine

Escalate

In And Out

Mystic Beach

Pride

Traffic Ahead

Urban Bokeh

Urban Jungle

Blurry Lights

No Worries

Orange Ripple

Whiskey

Swimmer

Flower Shower

Slow Traffic

Think Green

Wave Sitting

Carried Away

Sunset Lapse

Window Snow

Symmetric Traffic

Up

The DJ

Baggage Claim

Go West

Green

Red

Acro

Blue Bottle

Cello Guy

Good Mood

Rush Hour

Valentines

2 Ways Traffic

Puddle

Scroll It

Major Tom

Pour

Happy Street

In The Clouds

Merry Xmas

Moving Forward

Thin Ice

Boat Alone

Infinity

Ma Vibes

Slash

Sparks

Cheer Up

Hoola

Horizontal

Backyard

Bull Creek

Chandelier

Drums

Earlybird

Fire Ceremony

Mathura Bazaar

On The Ganges

Windy

Main Stream

Shakshuka

Distant Boat

Night Out

The Boat

Blurry Night

Yellow Stone

Hitch Hiking

Lake Vibes

Agua Natural

Airtaxi

Big City Life

Crossroad

Gaiserr

Relaxation

Market

Merry Go Round

Street View

Falling Leaf

NYC Blurred Traffic

Sun Flower

Billowing

Beach Please

Huppa

Innocence

Boarding

Construction

Go Fish

Night Traffic

Beach Ball

Free Cows

I Love You

Holy Cow

Home

Melting Pot

NYC Traffic

Sky High

The Fountain

City Walking

Clothing

Nature Sunset

Open Fire

We Work We Wait

Beach Camera

Lonely Chair

Surfers Paradise

The Dock

Veggie Stand

Dancing Bulbs

Flow

Nowhere

The Hose

Carmela

City Nights

Comfy

New York Jam

Point of View

Slide Show

The Temple

Typing Numbers

Tomato Tomato

Ideas

Into The Woods

Sail Away

Strum Away

Weekend

For_Wes

Drips

Hosin

Ristretto

White Balance

All Set

It Was All Yellow

Mr. President

Scratch That

Cloudy Water

Dolores

Hello World

Puzzling

The Boulevard

Went Fetch

Winter Grass

Highrise

Bird Trails

Typing...

Yoga

Windy Tree

Hypnotize

Flea Market

Market People

Pedestrian

The Fishermen

Rusty Beach

Urban Blossom

Yoyo

Fish

Lamp

Lulu

How to use

1. Download your favorite video.

2. Upload the video to your website.

3. Add the following snippets to your site

Be sure to change the 3 source paths marked in blue

<div class="homepage-hero-module">
    <div class="video-container">
        <div class="filter"></div>
        <video autoplay loop class="fillWidth">
            <source src="PATH_TO_MP4" type="video/mp4" />Your browser does not support the video tag. I suggest you upgrade your browser.
            <source src="PATH_TO_WEBM" type="video/webm" />Your browser does not support the video tag. I suggest you upgrade your browser.
        </video>
        <div class="poster hidden">
            <img src="PATH_TO_JPEG" alt="">
        </div>
    </div>
</div>
.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
}
//jQuery is required to run this code
$( document ).ready(function() {

    scaleVideoContainer();

    initBannerVideoSize('.video-container .poster img');
    initBannerVideoSize('.video-container .filter');
    initBannerVideoSize('.video-container video');

    $(window).on('resize', function() {
        scaleVideoContainer();
        scaleBannerVideoSize('.video-container .poster img');
        scaleBannerVideoSize('.video-container .filter');
        scaleBannerVideoSize('.video-container video');
    });

});

function scaleVideoContainer() {

    var height = $(window).height() + 5;
    var unitHeight = parseInt(height) + 'px';
    $('.homepage-hero-module').css('height',unitHeight);

}

function initBannerVideoSize(element){

    $(element).each(function(){
        $(this).data('height', $(this).height());
        $(this).data('width', $(this).width());
    });

    scaleBannerVideoSize(element);

}

function scaleBannerVideoSize(element){

    var windowWidth = $(window).width(),
    windowHeight = $(window).height() + 5,
    videoWidth,
    videoHeight;

    // console.log(windowHeight);

    $(element).each(function(){
        var videoAspectRatio = $(this).data('height')/$(this).data('width');

        $(this).width(windowWidth);

        if(windowWidth < 1000){
            videoHeight = windowHeight;
            videoWidth = videoHeight / videoAspectRatio;
            $(this).css({'margin-top' : 0, 'margin-left' : -(videoWidth - windowWidth) / 2 + 'px'});

            $(this).width(videoWidth).height(videoHeight);
        }

        $('.homepage-hero-module .video-container video').addClass('fadeIn animated');

    });
}

Need a custom video or to edit shots?

Check out Veed.Me

Need a coder for your site?

Check out CodersClan

Get emails when new Coverrs are up


Top