Skip to main content
se eliminaron 45 caracteres en el cuerpo
Origen Enlace
Mike
  • 151
  • 1
  • 6

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 en su funcionamiento totalfinal pueden ingresar a www.memphigym.esy.es el cual es solo un sub dominio que uso para probarwww.rumbalatinaperu.com. Espero puedan ayudarme.

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 en su funcionamiento total pueden ingresar a www.memphigym.esy.es el cual es solo un sub dominio que uso para probar.

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.

se eliminaron 58 caracteres en el cuerpo
Origen Enlace
Shaz
  • 29.2k
  • 18
  • 40
  • 61

Hola buenas noches dias o tardes segun sea el caso jeje. EstoyEstoy 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 en su funcionamiento total pueden ingresar a www.memphigym.esy.es el cual es solo un sub dominio que uso para probar paginas web. Gracias y ojala puedan darme luz en este momento de oscuridad.

Hola buenas noches dias o tardes segun sea el caso jeje. 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 en su funcionamiento total pueden ingresar a www.memphigym.esy.es el cual es solo un sub dominio que uso para probar paginas web. Gracias y ojala puedan darme luz en este momento de oscuridad.

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 en su funcionamiento total pueden ingresar a www.memphigym.esy.es el cual es solo un sub dominio que uso para probar.

Origen Enlace
Mike
  • 151
  • 1
  • 6

Navegador de dispositivos moviles no reproduce video html5 en formato mp4

Hola buenas noches dias o tardes segun sea el caso jeje. 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 en su funcionamiento total pueden ingresar a www.memphigym.esy.es el cual es solo un sub dominio que uso para probar paginas web. Gracias y ojala puedan darme luz en este momento de oscuridad.