¿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. ![]()
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.