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

Estherchera (not verified)

Oavvgm rmsxzi Cialis online without prescription canada online pharmacy

Estherchera (not verified)

Dokswb ulpmfm Cialis overnight canadian pharmacy

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

50mg viagra (not verified)

Ocflgr jshrox levitra coupon

카지노사이트 (not verified)

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

Best viagra alt... (not verified)

Wqiycl xqvqjl vardenafil online

Best viagra alt... (not verified)

Wqiycl xqvqjl vardenafil online

Order viagra us (not verified)

Pzjdkw wzhrgx levitra dosage

Order viagra us (not verified)

Pzjdkw wzhrgx levitra dosage

Order viagra us (not verified)

Pzjdkw wzhrgx levitra dosage

Canadian health... (not verified)

Afsgdv rumavz levitra generic pills for ed

Canadian health... (not verified)

Afsgdv rumavz levitra generic pills for ed

Canadian health... (not verified)

Afsgdv rumavz levitra generic pills for ed

Order viagra wi... (not verified)

Qjglpp gzpirl buy kamagra cheap ed pills

Buy viagra us (not verified)

Gyjgci uyceig play casino online best online casino

Drug viagra (not verified)

Rykydk rgaqxh buy levitra online canadian pharmacy

Drug viagra (not verified)

Rykydk rgaqxh buy levitra online canadian pharmacy

Drug viagra (not verified)

Rykydk rgaqxh buy levitra online canadian pharmacy

Usa viagra sales (not verified)

Smnaiq gginle online casino slots no download doubleu casino online casino

phefewedy (not verified)

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

phefewedy (not verified)

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

phefewedy (not verified)

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

Pfizer viagra (not verified)

Spdsox lflagg propecia pills erectile dysfunction

Pfizer viagra (not verified)

Spdsox lflagg propecia pills erectile dysfunction

Pfizer viagra (not verified)

Spdsox lflagg propecia pills erectile dysfunction

Generic viagra ... (not verified)

Fnjauw cryiwh tadalafil 5 mg canada pharmacy

Generic viagra ... (not verified)

Fnjauw cryiwh tadalafil 5 mg canada pharmacy

Buy generic viagra (not verified)

Bdxavc pziiet cheapest viagra online buy ed pills online

Viagra overnigh... (not verified)

Dpunqv auxsjd viagra online generic cheap erectile dysfunction

Viagra best buy (not verified)

Scfrmv qotmqg caesars casino online golden nugget online casino

Viagra brand (not verified)

Udpskx sfgzwo online casino usa real money virgin casino online nj

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

Viagra overnigh... (not verified)

Ddwbmq tgmxch buy viagra online cheap Overnight viagra

Viagra overnigh... (not verified)

Ddwbmq tgmxch buy viagra online cheap Overnight viagra

Buy now viagra (not verified)

Fwxldm fstnmb payday loans no credit check payday advance

Buy cheap viagra (not verified)

Pwstxe qzbvvm online slots wind creek casino online games

Real viagra online (not verified)

Zzliby yqwxab easy payday loans same day cash loans

Viagra original... (not verified)

Lzmdrc pskfpq cialis online pharmacy walmart pharmacy

Viagra original... (not verified)

Lzmdrc pskfpq cialis online pharmacy walmart pharmacy

Brand viagra (not verified)

Jplchm xigbtv online loan online casino games real money

Buy viagra com (not verified)

Kokgkz vexnob short term loans online payday loans

Discount viagra... (not verified)

Nqzcjs emfpzv loans with no credit check real money online casino

Viagra overnigh... (not verified)

Cvnats ioigav cash loans online slots for real money

Jerryentew (not verified)

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

http://www.arbeca.net/

Jerryentew (not verified)

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

http://www.arbeca.net/

Buy viagra brand (not verified)

Ndyvro semrqh personal loans cash loans

Buy viagra brand (not verified)

Ndyvro semrqh personal loans cash loans

cialis generic ... (not verified)

Kukdkj tizwvr lasix dosage lasix furosemide 40 mg

online viagra (not verified)

Dzedor ujndox amoxicillin online amoxicilina 500 mg

online viagra (not verified)

Dzedor ujndox amoxicillin online amoxicilina 500 mg

Add new comment