Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • how to use video in background using html/Bootstrap

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 207
    Comment on it

    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>
    

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: