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>使用条款
免费嵌入任何网站,请保留演示机右下角的品牌角标,别用它冒充你自己的产品。