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: 
video
html
×

Hey! Don't miss a new cool stuff!

Comments

06/17/2020 - 18:56
Estherchera (not verified)

Oavvgm rmsxzi Cialis online without prescription canada online pharmacy

06/18/2020 - 11:47
Estherchera (not verified)

Dokswb ulpmfm Cialis overnight canadian pharmacy

06/18/2020 - 17:11
BennyY (not verified)

Hi. I have checked your web-tricks.org and i see you've got some duplicate content so probably it is the reason that you don't rank high in google. But you can fix this issue fast. There is a tool that generates articles like human, just search in google: miftolo's tools

06/19/2020 - 07:18
50mg viagra (not verified)

Ocflgr jshrox levitra coupon

06/19/2020 - 09:52
카지노사이트 (not verified)

Rivers Casino Pittsburgh, Lady Luck Casino , and The Meadows Casino Racetrack Hotel are located https://www.cavanger77.com

06/20/2020 - 01:30
Best viagra alt... (not verified)

Wqiycl xqvqjl vardenafil online

06/20/2020 - 01:31
Best viagra alt... (not verified)

Wqiycl xqvqjl vardenafil online

06/20/2020 - 19:14
Order viagra us (not verified)

Pzjdkw wzhrgx levitra dosage

06/20/2020 - 19:18
Order viagra us (not verified)

Pzjdkw wzhrgx levitra dosage

06/20/2020 - 19:20
Order viagra us (not verified)

Pzjdkw wzhrgx levitra dosage

06/21/2020 - 13:57
Canadian health... (not verified)

Afsgdv rumavz levitra generic pills for ed

06/21/2020 - 14:01
Canadian health... (not verified)

Afsgdv rumavz levitra generic pills for ed

06/21/2020 - 14:03
Canadian health... (not verified)

Afsgdv rumavz levitra generic pills for ed

06/22/2020 - 08:13
Order viagra wi... (not verified)

Qjglpp gzpirl buy kamagra cheap ed pills

06/23/2020 - 04:18
Buy viagra us (not verified)

Gyjgci uyceig play casino online best online casino

06/23/2020 - 18:16
Drug viagra (not verified)

Rykydk rgaqxh buy levitra online canadian pharmacy

06/23/2020 - 18:19
Drug viagra (not verified)

Rykydk rgaqxh buy levitra online canadian pharmacy

06/23/2020 - 18:22
Drug viagra (not verified)

Rykydk rgaqxh buy levitra online canadian pharmacy

06/24/2020 - 00:28
Usa viagra sales (not verified)

Smnaiq gginle online casino slots no download doubleu casino online casino

06/24/2020 - 21:06
phefewedy (not verified)

Citalopram 20 Mg https://cheapcialisll.com/ - Cialis Atarax 25 Mg For Anxiety comprare cialis online Amoxicillin Causes Diarrhea

06/24/2020 - 21:25
phefewedy (not verified)

Citalopram 20 Mg https://cheapcialisll.com/ - Cialis Atarax 25 Mg For Anxiety comprare cialis online Amoxicillin Causes Diarrhea

06/24/2020 - 21:27
phefewedy (not verified)

Citalopram 20 Mg https://cheapcialisll.com/ - Cialis Atarax 25 Mg For Anxiety comprare cialis online Amoxicillin Causes Diarrhea

06/25/2020 - 02:06
Pfizer viagra (not verified)

Spdsox lflagg propecia pills erectile dysfunction

06/25/2020 - 02:13
Pfizer viagra (not verified)

Spdsox lflagg propecia pills erectile dysfunction

06/25/2020 - 02:15
Pfizer viagra (not verified)

Spdsox lflagg propecia pills erectile dysfunction

06/25/2020 - 19:09
Generic viagra ... (not verified)

Fnjauw cryiwh tadalafil 5 mg canada pharmacy

06/25/2020 - 19:11
Generic viagra ... (not verified)

Fnjauw cryiwh tadalafil 5 mg canada pharmacy

06/26/2020 - 06:27
Buy generic viagra (not verified)

Bdxavc pziiet cheapest viagra online buy ed pills online

06/27/2020 - 09:11
Viagra overnigh... (not verified)

Dpunqv auxsjd viagra online generic cheap erectile dysfunction

06/28/2020 - 09:34
Viagra best buy (not verified)

Scfrmv qotmqg caesars casino online golden nugget online casino

06/29/2020 - 05:25
Viagra brand (not verified)

Udpskx sfgzwo online casino usa real money virgin casino online nj

06/29/2020 - 08:29
BTL카지노 (not verified)

play casino games online:

https://www.btlcasino.com
https://www.btlcasino.com/theking
https://www.btlcasino.com/sands
https://www.btlcasino.com/first
https://www.btlcasino.com/yes
https://www.btlcasino.com/super
https://www.btlcasino.com/gatsby
https://www.btlcasino.com/33

06/29/2020 - 22:18
Viagra overnigh... (not verified)

Ddwbmq tgmxch buy viagra online cheap Overnight viagra

06/29/2020 - 22:19
Viagra overnigh... (not verified)

Ddwbmq tgmxch buy viagra online cheap Overnight viagra

06/30/2020 - 00:04
Buy now viagra (not verified)

Fwxldm fstnmb payday loans no credit check payday advance

06/30/2020 - 07:53
Buy cheap viagra (not verified)

Pwstxe qzbvvm online slots wind creek casino online games

06/30/2020 - 19:15
Real viagra online (not verified)

Zzliby yqwxab easy payday loans same day cash loans

07/01/2020 - 07:34
Viagra original... (not verified)

Lzmdrc pskfpq cialis online pharmacy walmart pharmacy

07/01/2020 - 07:35
Viagra original... (not verified)

Lzmdrc pskfpq cialis online pharmacy walmart pharmacy

07/01/2020 - 09:52
Brand viagra (not verified)

Jplchm xigbtv online loan online casino games real money

07/01/2020 - 19:51
Buy viagra com (not verified)

Kokgkz vexnob short term loans online payday loans

07/03/2020 - 04:32
Discount viagra... (not verified)

Nqzcjs emfpzv loans with no credit check real money online casino

07/03/2020 - 06:35
Viagra overnigh... (not verified)

Cvnats ioigav cash loans online slots for real money

07/03/2020 - 17:35
Jerryentew (not verified)

Знаете ли вы?
Акадийка много раз становилась первой.
Будущего чемпиона Европы по боксу в детстве одновременно дразнили «хохлом» и «москалём».
Двое капитанов первого кругосветного плавания были казнены, следующего высадили на необитаемый остров.
Китайскую пустыню засадили лесами и открыли там фешенебельный курорт.
Жену Генриха VIII на суде защищал посол Священной Римской империи.

http://www.arbeca.net/

07/03/2020 - 17:39
Jerryentew (not verified)

Знаете ли вы?
Акадийка много раз становилась первой.
Будущего чемпиона Европы по боксу в детстве одновременно дразнили «хохлом» и «москалём».
Двое капитанов первого кругосветного плавания были казнены, следующего высадили на необитаемый остров.
Китайскую пустыню засадили лесами и открыли там фешенебельный курорт.
Жену Генриха VIII на суде защищал посол Священной Римской империи.

http://www.arbeca.net/

07/04/2020 - 05:24
Buy viagra brand (not verified)

Ndyvro semrqh personal loans cash loans

07/04/2020 - 05:25
Buy viagra brand (not verified)

Ndyvro semrqh personal loans cash loans

07/04/2020 - 15:22
cialis generic ... (not verified)

Kukdkj tizwvr lasix dosage lasix furosemide 40 mg

07/04/2020 - 23:12
online viagra (not verified)

Dzedor ujndox amoxicillin online amoxicilina 500 mg

07/04/2020 - 23:19
online viagra (not verified)

Dzedor ujndox amoxicillin online amoxicilina 500 mg

Add new comment