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 )?