Bootstrap Snippet Bootstrap Video Background using HTML CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<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 ---------->
<article>
     <h1 class=""><font><font class="" contenteditable="false"><font><font class="">Antecedentes de Fragmentos de vídeo</font></font></font></font></h1>
</article>
<video autoplay="" loop="" class="fillWidth fadeIn animated" poster="https://s3-us-west-2.amazonaws.com/coverr/poster/Traffic-blurred2.jpg"
id="video-background">
    <source src="https://s3-us-west-2.amazonaws.com/coverr/mp4/Traffic-blurred2.mp4"
    type="video/mp4" class=""><font><font class=""><font><font>Su navegador no soporta la Etiqueta de vídeo. </font></font>
        </font><font class=""><font><font>Le sugiero Que actualice su Navegador.
</font></font>
        </font>
        </font>
</video>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
@import url('http://fonts.googleapis.com/css?family=Oswald');
body {
  margin: 0;
  padding: 0;
  background-attachment: fixed;
  background-size: cover;
}
#video-background {
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}
article {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 10px;
}
h1 {
  position: absolute;
  top: 60%;
  width: 100%;
  font-size: 36px;
  letter-spacing: 3px;
  color: #fff;
  font-family: Oswald, sans-serif;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

" Bootstrap Video Background"
Bootstrap 3.3.0 Snippet by megatela

Related: See More

Questions / Comments:

" Bootstrap Video Background" Bootstrap 3.3.0 Snippet by megatela

Related: See More

Questions / Comments:

" Bootstrap Video Background"
Bootstrap 3.3.0 Snippet by megatela