Reprodutor não compatível com celulares, como solucionar?

Simio · 25/04/2020

Hola forobetas,

Tengo un reproductor que falla cuando accedo desde el movil, se ve con un largo espacio en blanco y no se adapta como otros reproductores automáticamente ¿qué debo hacer?

andree1 · 25/04/2020

Lo que yo hago es meter el iframe dentro de un div, y luego con CSS poner lo siguiente:

Inserir CODE, HTML ou PHP:

.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Con eso debería funcionar 👍

Simio · 25/04/2020

andree1 disse:
Lo que yo hago es meter el iframe dentro de un div, y luego con CSS poner lo siguiente:

Inserir CODE, HTML ou PHP:

.video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

Con eso debería funcionar 👍

Gracias, lo voy a probar

Kounde · 28/04/2020

Yo utilizo Simple YouTube Responsive para los vídeos de dicha plataforma, te aparece un botón en el editor, e introduces la url y ya,,,

Reprodutor não compatível com celulares, como solucionar?

Simio

andree1

Simio

Kounde

Tópicos similares