Code snippet to add YouTube video as a background for you HTML tag.
Here goes your HTML:
<div class="video-background"> <div class="video-foreground"> <iframe src="https://www.youtube.com/embed/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ" frameborder="0" allowfullscreen></iframe> </div> </div> <div id="vidtop-content"> <div class="vid-info"> <h1>YouTube background here!</h1> </div> </div>
Here is your CSS (most of that just for beauty):
* { box-sizing: border-box; } .video-background { background: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; } .video-foreground, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } #vidtop-content { top: 0; color: #fff; } .vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; } .vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; } .vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; } @media (min-aspect-ratio: 16/9) { .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { .video-foreground { width: 300%; left: -100%; } } @media all and (max-width: 600px) { .vid-info { width: 50%; padding: .5rem; } .vid-info h1 { margin-bottom: .2rem; } } @media all and (max-width: 500px) { .vid-info .acronym { display: none; } }
×
Comments
casino play http://casinoplaysw.com/ - cashman casino slots casino online slots slots online
casino play http://casinoplaysw.com/ - cashman casino slots casino online slots slots online
gold fish casino slots casino real money play slots world class casino slots
gold fish casino slots casino real money play slots world class casino slots
slots online play slots online casino gambling slots games free
slots online play slots online casino gambling slots games free
casino bonus codes http://casinoslotspc.com/ casino real money online casino games free slots
casino bonus codes http://casinoslotspc.com/ casino real money online casino games free slots
online casino http://casinoplaysw.com/ - online casino gambling online gambling best online casino
online casino http://casinoplaysw.com/ - online casino gambling online gambling best online casino
online casino http://casinoplaysw.com/ - online casino gambling online gambling best online casino
slots for real money vegas casino slots slot games vegas slots online http://casinoslotspc.com/ - slots for real money
online casino http://casinoplaysw.com/ - online casino gambling online gambling best online casino
vegas casino slots online gambling slots for real money free online slots http://casinoplaysw.com/ - casino online slots
vegas casino slots online gambling slots for real money free online slots http://casinoplaysw.com/ - casino online slots
vegas casino slots online gambling slots for real money free online slots http://casinoplaysw.com/ - casino online slots
online slots http://casinoslotspc.com/ - vegas casino slots free online slots play online casino
online slots http://casinoslotspc.com/ - vegas casino slots free online slots play online casino
vegas casino slots online gambling slots for real money free online slots http://casinoplaysw.com/ - casino online slots
vegas casino slots online gambling slots for real money free online slots http://casinoplaysw.com/ - casino online slots
slots online casino real money slots for real money casino games http://casinoslotspc.com/ - play slots
slots online casino real money slots for real money casino games http://casinoslotspc.com/ - play slots
slots online casino real money slots for real money casino games http://casinoslotspc.com/ - play slots
slots games http://casinoplaysw.com/ cashman casino slots casino real money slots online
http://casinoslotspc.com/ online gambling http://casinoslotspc.com/ - real casino slots free casino slot games
http://casinoplaysw.com/ slots games big fish casino play casino online casino bonus
http://casinoplaysw.com/ slots games big fish casino play casino online casino bonus
casino online http://casinoslotspc.com/ vegas slots online free casino games online casino games
casino online http://casinoslotspc.com/ vegas slots online free casino games online casino games
http://casinoplaysw.com/ best online casinos play casino online casino real money slots online
slots online http://casinoslotspc.com/ - free casino games online real money casino online slot games
http://casinogamespqr.com/ slots games free free online slots online casino real money online gambling
casino game no deposit casino gold fish casino slots casino blackjack http://casinoslotspc.com/ - play online casino
Hcxghv vzuaob online generic viagra Buy viagra australia
Hcxghv vzuaob online generic viagra Buy viagra australia
Hcxghv vzuaob online generic viagra Buy viagra australia
casino games http://casinogamespqr.com/ casino real money cashman casino slots free online slots
online casino bonus http://casinoslotspc.com/ - casino game play online casino slots free
Fdxunx ksghys viagra online buy Generic viagra cheap
Fdxunx ksghys viagra online buy Generic viagra cheap
casino real money online casino bonus casino online online casino real money
casino real money online casino bonus casino online online casino real money
http://casinoslotspc.com/ cashman casino slots http://casinoslotspc.com/ - big fish casino online casinos
http://casinogamespqr.com/ online slots http://casinogamespqr.com/ - online casino bonus world class casino slots
http://casinogamespqr.com/ online slots http://casinogamespqr.com/ - online casino bonus world class casino slots
online slot games http://casinoslotspc.com/ casino online slots free casino slot games online gambling
online slot games http://casinoslotspc.com/ casino online slots free casino slot games online gambling
http://casinogamespqr.com/ online casino gambling http://casinogamespqr.com/ - casino play play slots
http://casinogamespqr.com/ online casino gambling http://casinogamespqr.com/ - casino play play slots
http://casinoslotspc.com/ online casino real money http://casinoslotspc.com/ - real casino slots slot games