almost 9 years ago
Hi ,
This post will help you to use Video in background with bootstrap.
View Live Example :
http://107.20.120.5/HTML/fn/video.html
<style> #background { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(polina.jpg) no-repeat; background-size: cover; } .container h1 { color: white; } </style> <div> <video autoplay loop muted poster="screenshot.jpg" id="background"> <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> </video> <div class="container"> <div class="row"> <div class="col-md-12"> <h1>www.viewlike.us</h1> </div> </div> </div> </div>
Starting with Chrome version 45, NPAPI is no longer supported for Google Chrome. For more information, see Chrome and NPAPI (blog.chromium.org).
Firefox and Microsoft Internet Explorer are recommended browsers for websites using java applets.
Chrome Version Support
Are you sure, you want to delete this comment?
Sign up using
0 Comment(s)