Ancho de integración de video en YouTube vs Vimeo

Para incrustar cualquier video, simplemente pegamos el enlace del video al crear un tema.
Sin embargo, ¿por qué al incrustar un video de YouTube (ver abajo) se estira de un extremo a otro? Mientras que al incrustar un video de Vimeo, no se estira de un extremo a otro.

¿Hay alguna forma de arreglar esto?

No he visto ninguna diferencia, incluso si asigno un tamaño de video en el código de incrustación de VIMEO. El video todavía se muestra igual que al pegar el enlace del video.

En ambos casos, lo único que hago es pegar la URL del video.

YouTube

Vimeo

https://vimeo.com/300660748

Parece que no puedo incrustar un video aquí. Así que aquí hay algunas capturas de pantalla de mi comunidad. El ancho del video de Vimeo es menor que el ancho del video de YouTube. ¿Hay alguna forma de hacer que el video de Vimeo también se expanda al ancho máximo permitido?

\u003e

\u003e

4 Me gusta

Tengo una PR para oneboxes de Vimeo de ancho completo

6 Me gusta

Prueba

YT

Vimeo

5 Me gusta

Hola Falco,

Soy nuevo en discourse y no tengo idea de qué significa PR (como mencionaste, “Tengo PR para oneboxes de vimeo de ancho completo”).

Aunque me has mostrado una prueba que ahora funciona, ¿qué tengo que hacer para que funcione? Porque los videos de Vimeo en mi comunidad todavía no se expanden a ancho completo.

Todavía estoy tratando de entender lo que acabas de hacer en esta publicación anterior. Realmente agradecería si pudieras decirme qué necesito hacer para solucionar esto en mi comunidad. Gracias.

1 me gusta

Hola Amber:

PR significa “pull request” (solicitud de extracción) y se refiere a GitHub. Esencialmente, significa que Falco hizo un cambio en el código de Discourse y está buscando que ese cambio sea revisado antes de fusionarlo con Discourse.

Este sitio específico de Discourse, meta.discourse.org, se actualiza automáticamente con cada cambio que realiza uno de nuestros ingenieros. Tu sitio no se implementa automáticamente de esa manera; implementamos a los clientes de forma regular, pero con menos frecuencia. He iniciado una implementación (actualización) para tu sitio. La implementación debería completarse en aproximadamente 30 minutos.

Una vez que la implementación se complete, deberás reconstruir la publicación. Para hacerlo, haz clic en el botón “mostrar más” debajo de la publicación, luego haz clic en la llave inglesa de administrador. Por último, haz clic en “reconstruir HTML”.



4 Me gusta

Falco,
Muchas gracias.

Joshua, muchas gracias por aclarar todo. Lo aprecio.

3 Me gusta

Hola @Falco

¿Este cambio también funciona con incrustaciones privadas de Vimeo? (es decir, el enlace del reproductor con ?h=<algún identificador> adjunto)

Si antes funcionaban, deberían funcionar con este cambio, echando un vistazo a los cambios de código en el commit. :slight_smile:

2 Me gusta

Experimentan una rareza en el tamaño de los incrustados. Incluso después de este commit, el tamaño de los videos privados sigue siendo pequeño. ¿Espero que haya una manera de hacer que esos también ocupen todo el ancho?

1 me gusta

No tengo una cuenta de Vimeo para crear esos videos privados, así que :person_shrugging:

1 me gusta

Yo también estoy teniendo este problema. Estoy ejecutando Discourse 2.9.0.beta9 (56832adf17)

Esto es especialmente problemático en pantallas pequeñas (redimensiona esta pantalla y podrás ver lo diminuto que se vuelve el segundo, el que está en OneBox).


Aquí está el enlace que incluye el reproductor en la URL… (este no se encoge en pantallas más pequeñas, pero no parece que pueda centrarlo).

https://player.vimeo.com/video/743344591

https://player.vimeo.com/vimeo.com/743344591


Y el que está debajo aquí es OneBox… (este se encoge y se vuelve demasiado pequeño en tamaños de pantalla pequeños).

https://vimeo.com/743344591

¿Entonces está bien? ¿Cómo es posible que merge no afecte a nuestra instancia?

Probablemente me estoy perdiendo algo :slight_smile:

¿Cómo se publicó eso? ¿Puedes compartir la publicación sin procesar?

1 me gusta

Estoy haciendo algunas pruebas porque empezamos a compartir algunos videos de Vimeo en nuestra comunidad de Discourse. Aquí está el original:

Prueba

https://vimeo.com/channels/staffpicks/353070045

VS

https://vimeo.com/353070045

No reconocemos el formato de la URL que utilizaste, por lo que se está utilizando el código genérico de onebox en lugar del especial de Vimeo.

2 Me gusta

Usé un enlace que Jeff compartió hace un par de años. ¡Así que gracias porque ahora es mejor!

(¿Pero) por qué no a pantalla completa? Todavía está fijo :cry:

Porque es un video con una relación de aspecto de 4:3.

2 Me gusta

¿Por qué no aplicar esta misma lógica a cualquier fuente OneBox que especifique explícitamente su alto y ancho y que finalmente se incruste a través de un iframe?


Pensamientos y Enfoque
En teoría, si ya tenemos el alto/ancho explícito y eso se especifica en el iframe, se podría usar el mismo enfoque general con la configuración de la relación de aspecto para hacer que las cosas sean escalables de forma genérica.

Por ejemplo, he estado incrustando cada vez más demostraciones de video en nuestra comunidad, así que cambié a Bunny.net, que es conocido por su CDN, y su servicio Bunny Stream para cargar e incrustar videos.

Después de agregar video.bunnycdn.com y iframe.mediadelivery.net a mi configuración de iframes permitidos, puedo pegar fácilmente una URL de Bunny Stream y se convierte en OneBox usando una de las soluciones genéricas… pero la relación de aspecto se vuelve realmente extraña cuando se ve en un dispositivo móvil. :confused:

Como solución temporal rápida, escribí un componente de tema simple que utiliza la API de complementos y decorateCookedElement para actualizar el iframe con la información de la relación de aspecto.

¿Tenemos alguna novedad al respecto?

Bunny.net es cada vez más popular gracias a la calidad y velocidad de sus servicios.

¿Podemos incrustar videos transmitidos por Bunny en Discourse todavía?