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

  • Autor Autor Simio
  • Fecha de inicio Fecha de inicio
Simio

Simio

Zeta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
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?

20200425_191358.webp
 
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 👍
 
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
 
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,,,
 
Atrás
Arriba