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

Add new comment