Embed · 嵌入版演示机

把 Foreverse 演示手机嵌进你的文章

选一个场景,复制一段 iframe 代码——你的博客、教程、目录站里就有一台真实可交互的 Foreverse 演示机。免费使用,不用申请。

选场景

小说开成视觉小说,演到选择肢

预览(就是真实嵌入效果)

嵌入代码

贴进文章 HTML 即可;推荐宽 420、高 860,窄容器里演示机会自动缩放。

<iframe src="https://foreverse.cn/embed/theater?lang=zh&autoplay=1"
  data-foreverse-embed width="420" height="860"
  style="max-width:100%;border:0;border-radius:18px;background:#0b0c10"
  loading="lazy" title="Foreverse 演示 · 剧场模式"></iframe>

高度自适应(可选)

嵌入页会向父窗口上报实际高度;把这 10 行监听贴在页面任意位置,iframe 高度自动跟随内容。

<script>
window.addEventListener("message", function (e) {
  var d = e.data;
  if (!d || d.type !== "foreverse:embed-height") return;
  if (e.origin !== "https://foreverse.cn") return;
  document.querySelectorAll("iframe[data-foreverse-embed]").forEach(function (f) {
    if (f.contentWindow === e.source) f.style.height = d.height + "px";
  });
});
</script>

使用条款

免费嵌入任何网站,请保留演示机右下角的品牌角标,别用它冒充你自己的产品。

把 Foreverse 演示手机嵌进你的文章 — 免费 iframe 嵌入版