你好
我正在尝试在我的论坛上嵌入 bunny.net Stream 视频，但它不起作用。
直接链接只显示图片预览：
使用 iframe 的嵌入代码什么都不显示：
代码：
<div style="position: relative; padding-top: 56.25%;"><iframe src="https://iframe.mediadelivery.net/embed/3639/01bea422-9687-4058-9fcc-2b21dee6df2a?autoplay=false&preload=false" loading="lazy" style="border: none; position: absolute; top: 0; height: 100%; width: 100%;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe></div>
您是否在发布前将 https://iframe.mediadelivery.net/embed/ 添加到了 允许的 iframe 网站设置中？
我认为 Discourse 目前不支持将其作为 Onebox。\n\n但是，iframe 可以工作（虽然很小）；：\n\n
\n\n请记住在
allowed iframes 设置中添加 https://iframe.mediadelivery.net/embed/ 
\n\n—\n\n该死的，就晚了1秒 
谢谢 Falco 和 Coin-coin！
我将把这个帖子标记为已解决，但还有一个问题。
Bunny 建议的“非响应式”代码：
<iframe src="https://iframe.mediadelivery.net/embed/3639/01bea422-9687-4058-9fcc-2b21dee6df2a?autoplay=false&preload=false" loading="lazy" width="1280" height="720" style="border: none;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>
但尺寸不对：
以及这个“响应式”代码：
<div style="position: relative; padding-top: 56.25%;"><iframe src="https://iframe.mediadelivery.net/embed/3639/01bea422-9687-4058-9fcc-2b21dee6df2a?autoplay=false&preload=false" loading="lazy" style="border: none; position: absolute; top: 0; height: 100%; width: 100%;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe></div>
而且尺寸太小了
有什么建议吗？
我不确定 iframe 在这里能否正确调整视频大小。
样式属性会从 <iframe> 标签中被剥离，因此在此处设置尺寸不会有任何效果，除非你在自己的主题中添加 CSS。但这也不会有什么奇效。
如果你将 iframe 的宽度设置为帖子容器的 100%，它将渲染成这样：
而且你无法设置一个自动高度，该高度将取决于视频的比例。
我认为没有简单的解决方案，除非使用小视频（不要添加 <div> 标签，因为它在发布时会被移除），并且想要观看视频的人会点击视频右下角的全屏图标。
你也可以在 Feature 频道发帖询问是否可以为 Bunny stream 视频添加 onebox 支持，但除非有大量需求（我对此表示怀疑），否则它很可能会属于 pr-welcome 标签，这意味着团队不会自己添加该功能，但任何有一定编码知识的人都可以编写此功能，以便最终将其添加到 Discourse 中。
谢谢 Coin-coin
我终于要使用 Bunny iframe 代码中的那个设置了：
不选择响应式代码
在默认的以下代码中，将 size 替换为 width=“99%” height=“300”
<iframe src="https://iframe.mediadelivery.net/embed/3639/01bea422-9687-4058-9fcc-2b21dee6df2a?autoplay=false&preload=false" loading="lazy" width="1280" height="720" style="border: none;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>
高度在桌面端会有点太小，在智能手机上会有点太高，但宽度会是合适的。
如果能支持 Onebox 就太好了，但据我所见，目前 discourse 上只有 YouTube、Vimeo 和 TikTok。
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.