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
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
 
¿Te sirvió? Únete a la conversación

Con tu cuenta gratis puedes responder, escribirle al autor por mensaje privado y comprar con Saldo retenido: el pago se libera cuando recibes lo acordado.

Continuar con Google Crear cuenta con correo
Toma 30 segundos · vuelves a este tema al terminar
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 👍
 
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 👍
Hacer clic para expandir...
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,,,
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

indos
Video embebido no ajusta tamaño en móviles, ¿cómo solucionarlo?
Respuestas
0
Visitas
208
indos
indos
Atrás
Arriba