Los videos incrustados al pegar la URL de Vimeo tienen demasiado espacio en blanco arriba y abajo del video incrustado en dispositivos móviles.
Verifica estas URLs en un dispositivo móvil para reproducir el problema:
https://try.discourse.org/t/testing-video-embeds/1369
Capturas de pantalla:
Lo que está ocurriendo aquí es que nuestra etiqueta iframe tiene un ancho y una altura estáticos, pero el video incrustado de Vimeo se redimensiona al 100% del ancho y tiene una altura automática.
Esto también ocurre con otros videos incrustados en oneboxes una vez que comienzas a reproducir el video, pero ellos anticipan la variación de tamaño, por lo que utilizan todo el espacio del contenedor y le asignan un fondo negro.
Por ejemplo, así es como se ve en Dailymotion:
Supongo que lo más sencillo que podemos hacer aquí es asignar un fondo negro al iframe de Vimeo. Se vería así:
Necesitamos una altura estática porque, de lo contrario, la distribución parpadearía mientras se carga la página… No estoy seguro de si podemos/deberíamos hacer algo más sofisticado, como determinar la relación de aspecto y ajustar las dimensiones para pantallas más pequeñas (@techAPJ )?
Sí, por ahora quedémonos con el fondo negro.
Lo mismo le pasa a Streamable.
