"vid bg"
Bootstrap 3.3.0 Snippet by wouthan

Post to Facebook Tweet this

<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> <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://techslides.com/demos/sample-videos/small.mp4" type="video/mp4"> </video> <div class="container"> <div class="row"> <div class="col-md-12"> <h1>www.viewlike.us</h1> </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

Material Bootstrap Wizard

Questions / Comments: