How to add a video in a html div background

Posted by admin on Mon, 10/30/2017 - 13:53

How to add a video in a html background - muted and loop.

If you already have a mp4 video, just add a video tag with "playsinline autoplay muted loop" options.

<div style="position: relative;">
<h2 style="position: absolute; top: 20%; left: 10%; text-align: center; background: #FFF; padding: 40px;">A video in a background goes here</h2>
<video playsinline autoplay muted loop style="object-fit: cover;">
  <source src="http://slideaway.ru/sites/all/themes/slideaway_theme/slideaway_mainVol2.mp4" type="video/mp4">
</video>
</div>

Here is how it looks like:

A video in a background goes here

Tags: 
×

Hey! Don't miss a new cool stuff!

Comments

StevVise (not verified)

Xenical Prix En Pharmacie http://cialibuy.com - cialis tablets for sale Tarifas De La Propecia cialis price Amoxicillin Child

MatBole (not verified)

Keflex Four Times http://cialisjh.com - cialis online Kamagra Oral Jelly Buy Cialis Amoxicillin Dosing Children Otitis Media

MatBole (not verified)

Keflex Four Times http://cialisjh.com - cialis online Kamagra Oral Jelly Buy Cialis Amoxicillin Dosing Children Otitis Media

MatBole (not verified)

Keflex Four Times http://cialisjh.com - cialis online Kamagra Oral Jelly Buy Cialis Amoxicillin Dosing Children Otitis Media

MatBole (not verified)

Costo De Kamagra http://abuycialisb.com - Cialis Cialis One A Day Buy Cialis Ou Acheter Cialis

StevVise (not verified)

Amoxicillin Coumidan http://buycialisuss.com - Cialis Levitra Boutique cialis 5 mg Viagra Pfizer

StevVise (not verified)

Amoxicillin Coumidan http://buycialisuss.com - Cialis Levitra Boutique cialis 5 mg Viagra Pfizer

StevVise (not verified)

Viagra Ca http://cheapcialisir.com - canadian pharmacy cialis Viagra Online Bestellen In Deutschland Cialis Valacyclovir Sale

LesBiopay (not verified)

Buy Generic Accutane Online No Prescription http://abcialisnews.com - cialis price Cialis Generique En 24h Cialis Cephalexin Pet Meds

LesBiopay (not verified)

Buy Generic Accutane Online No Prescription http://abcialisnews.com - cialis price Cialis Generique En 24h Cialis Cephalexin Pet Meds

Stephex (not verified)

Propecia Zwanger Worden cheap cialis Cialis France Pas Cher generic cialis from india Care

JanGediava (not verified)

Keflex 500 Mg Tabs Cialis Levitra Vs Levitra Professional Cialis Les Effets Du Viagra

Add new comment