YouTube 与 Vimeo 视频嵌入宽度

为什么不将相同的逻辑应用于任何明确指定了高度和宽度并最终通过 iframe 嵌入的 OneBox 源?


想法和方法
理论上,如果我们已经有了显式的高度/宽度并且它被指定在 iframe 上,那么可以使用相同的通用方法来设置纵横比,从而使一切都可以通用缩放。

例如,我在社区中嵌入了越来越多的视频演示,所以我切换到了 Bunny.net,它以其 CDN 而闻名,以及他们的 Bunny Stream 服务来上传和嵌入视频。

在将 video.bunnycdn.comiframe.mediadelivery.net 添加到我的允许 iframe 设置后,我可以轻松地从 Bunny Stream 粘贴 URL,它会使用其中一个通用回退进行 OneBox… 但是在移动设备上查看时,纵横比会变得非常奇怪。:confused:

作为一种快速的解决方法,我编写了一个简单的 Theme Component,它使用 Plugin API 和 decorateCookedElement 来更新带有纵横比信息的 iframe。