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

susanrichard (not verified)

Some people designed parade float that is very attractive. This is designed for oxford celebration parade. People worked hard for this float. We can find picture of this float on internet. This float is decorated and people https://www.assignmenthelperuk.co.uk used good material to design this.

asd (not verified)

The same kind of care needs with regard to applied to barefoot jogging. karamba Apply the steps I just suggested and will also be blessed with beautiful hair.

aftabak (not verified)

In this you should simply join with an online clubhouse site and store some measure of cash. hopa

asd (not verified)

I was very pleased to find this site.I wanted to thank you for this great read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post  iq option
a

aftab ali (not verified)

In conclusion, attempt to contact your locale radio station and approach them the rates for reporting notice too. storspelare

Anonymous (not verified)

Adding a video in a html background is an easy task to complete in this day and age. I have seen people at the cheap essay writing services try and complete this task, and they do it easily. It's just not as hard as it used to be.

aftab ali (not verified)

They would barely like one space, however numerous openings it is excessively costly for a gambling club. bonus codes

aftab ali (not verified)

The fundamental standard required here is you wagered on the consolidated aggregate score or joined keeps running of the two groups in the diversion. nightrush

مورمو (not verified)

This is genuine paying little respect to how the cost has changed. In the event that you purchased a stock at $55 and it tumbled to $53 and did not hit your offer point you won't get out on the off chance that you are exchanging great. After whatever it can at present go up. finmax

what is ielts (not verified)

Well-Written article. It will be supportive to anyone who utilizes it, including me. Keep doing what you are doing – can't pause to read more posts. Thanks for the precious help.
what is ielts

Taruhan Bola Online (not verified)

Taruhan Bola Online
At whatever point I want to read an excellent article, I visit this site. The reason is straightforward.

ali (not verified)

location de voiture marrakech
I found so many interesting stuff in your blog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the enjoyment here! keep up the good work...

Add new comment