Reproductor no compatible con móviles ¿Cómo solucionarlo?

Simio · 25 Abr 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 Abr 2020

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

Insertar CODE, HTML o 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 Abr 2020

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

Insertar CODE, HTML o 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 Abr 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,,,

Reproductor no compatible con móviles ¿Cómo solucionarlo?

Simio

andree1

Simio

Kounde

Temas similares