"mp4 video not sitting in background"
Bootstrap 4.0.0 Snippet by billteale

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.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 ----------> <div class="container container-position" style="z-index:200"> <div class="row g-color-black" style="background-color: white !important"> <div>"I would rather make mistakes in kindness and compassion than work miracles in unkindness and hardness." </div> <br> <br> <h4>Mother Teresa <br> </h4> <!-- End Testimonials --> </div> </div> <video autoplay muted loop id="myVideo"> <source src="http://www.sigsample.info/domesticappeal/video/circles.mp4" type="video/mp4"> </video>
#myVideo { z-index: 1; position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; } /* ----- End Video Background */ @media screen and (max-width: 600px) { #myVideo { display: none; } } .container-position { position:relative; }

Related: See More


Questions / Comments: