"html background video code - Add background video in HTML"
Bootstrap 3.3.0 Snippet by creativealex

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <html lang="en"> <head> <style> </style> <meta charset="utf-8"> <title>title</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> </head> <body> <video autoplay loop muted poster="screenshot.jpg" id="background"> <source src="http://www.w3schools.com/tags/movie.mp4" type="video/mp4"> </video> <div class="container"> <div class="row"> <div class="col-md-12"> <h2>Searches related to background video in html</h2> by <a style=color:#fff;"" href="http://www.iluquotes.com/">www.iluquotes.com</a> <h3>html background video code</h3> background video html css<br/> html video background template<br/> set background video html5<br/> html 5 background video<br/> html5 video background examples<br/> css video background div<br/> video background css tricks<br/> </div> </div> </div> </body> </html>
#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; }

Related: See More


Questions / Comments:

Nice!

Stan Williams () - 7 years ago - Reply 0