Fix para pantalla de video desconfigurada en móvil

F

fons888

Curioso

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 27 May 2019

• #1

Buenas,

Tengo una web que desde el móvil cuando minimizas un video, una vez que lo has agrandado, la pantalla se ve como con zoom y quéda muy feo.

Alguien sabe la solución?

Gracias!!

 

habe

Beta

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 27 May 2019

• #2

Prueba con este plugin FitVids for WordPress, yo lo use en una web que tenia ese problema y mano de santo

 

F

fons888

Curioso

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 27 May 2019

• #3

habe dijo:

Prueba con este plugin FitVids for WordPress, yo lo use en una web que tenia ese problema y mano de santo

Hacer clic para expandir...

No me sirve, no estoy usando WordPress. Miraré ese plugin haber si me da alguna pista.

He pensado hacerlo con un "viewport" poniendo maximum scale 1

Alguien tiene otra idea?

 

F

fons888

Curioso

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 27 May 2019

• #4

Al final lo he solucionado añadiendo un código en Javascript

 

N

nalayu

Beta

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 12 Jun 2019

• #5

No sé si conocéis la propiedad "object-fit" de CSS, pero a mi me parece una maravilla. Automáticamente calcula el ratio perfecto y encuadra tanto vídeos cómo imágenes en cualquier <div> o contenedor con un tamaño predeterminado por nosotros.
Os recomiendo que le echéis un ojo los que no la conozcáis 😉