Bootstrap Snippet mp4 video not sitting in background using HTML CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#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;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

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

Related: See More

Questions / Comments:

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

Related: See More

Questions / Comments:

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