Special Hunters Promo: 2 video sequences, edited just for you!
Loading Coverr...
Coverr was made with by the CodersClan and Veed.Me teams
Special Hunters Promo: 2 video sequences, edited just for you!
Coverr was made with by the CodersClan and Veed.Me teams
Workit
New!
Walking on stripes
New!
Steptwo
New!
Streetclown
New!
Writing-Working
New!
Comic Book
New!
Two Guys Walking
New!
Stroll in the Park
Clouds Fly By
Gentle Ripples
Snowy Trees
Gardening
Taxi Jet
Rainy Street
Cloudy Road
I Just Wanted
Street Art
C Town
Short Matkot
C'est chaud
West Braodway
Winterfell
Golfing
Amalfi
Honeymoon
Italia
Latino Clock
Perfect Hour
Workaholic
Pesach
Fish Tank
Many Roads
Roots to Treetop
Tilted Beach
Two-Swimmers
Burrito Time
Flower Ceiling
Nueva York
Tourists
Play Date
Squirrel and Co
Work-Walk
Yellow Traffic
1-0
Chinatown Trio
Flowers Girl
Pigeons gang
The Goalkeeper
Tulips are Here
Geranium
Muji Doodle
Cranesbills
Save As
Sharper
Sketch
Slow Typer
Dirt Bike
Turn Left
Clouds Lapse
Camping Breakfast
10K Feet
Palm Trees
Jungle Road
Boats Maze
For Shore
Crocodile
Keep Running
Heaven
Tulum Pier
CastAway
Apres Ski
Cable Car
Lifting
Snow Land
The Rooster
The Slope
Winter Rest
Office Perks
Dog and Flowers
Black Keys
Snow Wires
Concrete Jungle
H2O
The Cucumber
Avo-Egg
Bling Blink
iPhonography
Pencil Down
Shoelaces
Circles and People
Discussing Features
After Party
Highlights
Matcha
Orchestra
Rain On Me
Shoes Stories
The Alley
Desert Mode
Dodge Tornado
Healthy Life
Manhatten Night
New York Sky
Park Stroll
The Kayak
Forest Lullaby
Morning Routine
Seagulls
Snow Park
Snowball
Very Open Space
Windy Traffic
Border Collies
Drink Sake
Fire Snow
Flying Birds
Love Boat
Stone Falls
The Launch
Big Apple
Coffee Place
Retro Volks
Fishermen Resting
Heaven From Top
Holiday Spirit
Sunset Siesta
Tulum
Beach Bar
Everything is Right
Lonely Blue
Over the Bridge
Schnitzel
The Coast
Bulldozer
Cotton Sky
Day Dream
Office Day
Browsing
Slow Fall
Trees Top
Underground Traffic
Blue Horizon
Browsing
Fresh Paint
Spacious
The Truck
Tropical
Zoom to Shore
Bokeh Tov
Busy Forest
Diagonal
Everest
Gump
Popcorn Time
Windy Pink
Ground Zero
High Lines
Park Traffic
Screens Only
Walk the Dog
Walking Heads
Yellow Cars
Busy City
Drinking Dog
Horns
Mafrum
The King
The Shore
Waiting Wishing
Bangkok Traffic
Bumper Cars
Carousselle
Escalators
Pad Thai
Scooooters
Vacation Mode
BnW
Dishes
Dog Lovers
Espresso
Let it Grow
Traffic Jungle
Water Park
Here Boy
Love Coding
Make a Wish
Pink Swan
Urban Timer
Washed
Working Man
Beach Mode
Busy People
Cable Skiing
Indoor Market
Matkot
Paperwork
Walking By
Fade to Black
Handyman
IKEA
Inbox Zero
Puppiness
Team Work
To The Left
Boat Lapse
Duckies
Last Call
Man and Sea
Park Lapse
The Poppy
Training
Busy
Comics
Free Parking
Go With The Flow
Gold
High
Hold
Home and Away
Onzen
Rectangle Movements
Running Sushi
Shibuya
Shoes
Shrine
The Crosswalk
Down
Escalate
In And Out
Mystic Beach
Pride
Traffic Ahead
Urban Bokeh
Urban Jungle
Blurry-Lights
Glass Maker
No Worries
Orange Ripple
Round Table
Whiskey
Swimmer
Border Collie
Erase and Rewind
Flower Shower
Noted
Slow Traffic
Think Green
Wave Sitting
Analog Typing
BW Scroll
Email Scroll
Hey World
Love iOS
Procrastination
White Keyboard
Authentic Shower
Bird Catcher
Carried Away
Indian Pedestrian
Next Stop
Sunset Lapse
Window Snow
Beach and Birds
Blurry People
'Merica
Screens
Symmetric Traffic
Up
Working House
Yes No
abcd
Bug Life
Cruise Control
Depth of Field
River Side
The DJ
Baggage Claim
Fish Tank
Go West
Green
Red
The Tourist
Ups and Downs
Acro
Blue Bottle
Cello Guy
Good Mood
Pigeon Impossible
Rush Hour
Valentines
2 Ways Traffic
A Purple Balloon
PC Typing
Plug and Play
Puddle
Scroll It
Walking Away
Duck Duck Go
Go Goat
Major Tom
Pour
Skate
Under
Wall Sketching
Cycling Santa
Happy Street
In The Clouds
Merry Xmas
Moving Forward
Slow Dog
Thin Ice
Infinity
Ma Vibes
Runner
Slash
Sparks
White Board
Aloha Mundo
Cheer Up
Coffee Jet
Hoola
Horizontal
Typer
Undo
Backyard
Bull Creek
Country Girl
Drink Wine
Goat With The Wind
One Swan
Three Swans
Chandelier
Drums
Earlybird
Fire Ceremony
Mathura Bazaar
On The Ganges
Windy
Jackpot
Main Stream
Night BBQ
Out Camping
Type
Shakshuka
Traffic Tree
Coder
Fruity
Distant Boat
Meeting Room
Night Out
Push the Buttons
The Boat
Blurry Night
Cut n Paste
Diverrs
Yellow Stone
Hitch Hiking
Lake Vibes
Rolling Horse
Agua Natural
Airtaxi
Big City Life
Crossroad
Gaiserr
Going Places
Relaxation
Broadway
Curiosity
Draw Something
Egg Shop
Market
Merry Go Round
Street View
Brooklyn
Coffee Shot
Falling Leaf
Hanging Out
Karate Kids
NYC Blurred Traffic
Sun Flower
Billowing
Beach Please
Home Work
Huppa
Innocence
Mowing The Lawn
Working It
A Working Man
Boarding
Construction
Go Fish
Night Traffic
Three Cocktails
YogaTime
A Director View
Beach Ball
Puppy
Escalation
Free Cows
I Love You
Mock Up
Girls Code
Holy Cow
Home
Melting Pot
NYC Traffic
Sky High
The Fountain
50 Percent Off
City Walking
Productive Morning
Clothing
Nature Sunset
Open Fire
We Work We Wait
Android Scroll
Beach Camera
iPhone Scroll
Lonely Chair
Surfers Paradise
The Dock
Veggie Stand
Working Space
Dancing Bulbs
Flow
Nowhere
Sugar
The Hose
The Poyke
Carmela
City Nights
Comfy
Head or Tails
New York Jam
Point of View
Slide Show
The Temple
Typing Numbers
Tomato Tomato
Ideas
Into The Woods
Its Clark
Mickey
Sail Away
Strum Away
Weekend
For Wes
Drips
Hosin
Right Way
Ristretto
White Balance
Agile
All Set
For Ems
It Was All Yellow
Mr. President
On The Vine
Scratch That
Cloudy Water
Dolores
Hello World
Puzzling
The Boulevard
Went Fetch
Winter Grass
Highrise
Shrimps on the Barbie
Blurred Traffic
Serene Lake
Bird Trails
Typing...
Yoga
Windy Tree
Hypnotize
Flea Market
Market People
Pedestrian
The Fishermen
Rusty Beach
Urban Blossom
Yoyo
Fish
Office Hours
Lamp
Lulu
Grass is Green
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.MeNeed a coder for your site?
Check out CodersClan
