Fix para pantalla de video desconfigurada en móvil

F

fons888 Seguir

Verificación en dos pasos desactivada

Desde

25 Abr 2019

Mensajes

13

• 27 May 2019

• #1

Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.

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

Verificado por Whatsapp

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

Desde

13 Jun 2018

Mensajes

103

• 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

Verificación en dos pasos desactivada

Desde

25 Abr 2019

Mensajes

13

• 27 May 2019

• #3

Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.

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

Verificación en dos pasos desactivada

Desde

25 Abr 2019

Mensajes

13

• 27 May 2019

• #4

Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.

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

 

N

nalayu

Beta

Verificación en dos pasos desactivada

Verificado por Whatsapp

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

Desde

29 May 2019

Mensajes

113

• 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