<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>

@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; text-align: center; }