Estoy levantando una web con video de fondo en formato mp4. Estoy en el proceso de convertirlo a webM para ver si logro hacer que se reprodusca en navegadores de dispositivos móviles y es que funciona en chrome firefox y hasta internet explorer de PCs pero hasta ahora en ningun dispositivo móvil. Será el problema que solo tengo un video en formato mp4? o hay algo que no estoy haciendo bien. Aqui el codigo y ojala puedan ayudarme.
var video = document.getElementById('video'),
clase_video = document.getElementsByClassName('video')[0],
height = window.innerHeight;
function ajustar() {
clase_video.style.minHeight = height + "px";
video.style.minHeight = height + "px";
if(window.innerWidth < 510){
video.style.height = height + "px";
}
}
ajustar();
.video{
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
background:rgba(0,0,0,0.6);
z-index:1;
}
video{
width:100%;
min-width:1200px;
top:0;
left:0;
z-index:0;
position:fixed;
}
<body>
<div class="body" style="margin-bottom:-1.3em;">
<video id="video" autoplay="autoplay">
<source src="video/bachata.mp4" />
<source src="video/bachata.ogg" />
<source src="video/bachata.webm" />
</video>
</div>
</body>
Si desean ver la web final pueden ingresar a www.rumbalatinaperu.com. Espero puedan ayudarme.