MakeMeDemo
下載

嵌入到網站

上傳之後，一個展示就是你儲存空間裡的一個資料夾。有四種方式把它展示給別人，選一種，複製程式碼即可。記得把範例網址換成你自己的：App 的上傳結果裡就是真實網址，這些程式碼也能直接複製。

四種用法

分享連結

直接傳給任何人。打開是一個完整頁面：展示、簡介和步驟列表。

https://your-site.com/demos/my-demo/index.html

嵌入播放器

把播放器放進你現有的網頁裡。

<iframe
  src="https://your-site.com/demos/my-demo/player.html"
  width="100%"
  style="aspect-ratio: 16 / 10; border: 0; border-radius: 12px"
  loading="lazy" allowfullscreen>
</iframe>

先封面，點擊再播放

先顯示展示封面和播放按鈕，點擊後才載入展示，不拖慢你的網頁。

<div id="mmd-demo" style="position:relative;max-width:960px;aspect-ratio:16 / 10;
  border-radius:12px;overflow:hidden;cursor:pointer">
  <img src="https://your-site.com/demos/my-demo/poster.jpg" alt=""
    style="width:100%;height:100%;object-fit:cover;display:block">
  <span style="position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.95);
    box-shadow:0 4px 20px rgba(0,0,0,.2)"></span>
</div>
<script>
document.getElementById('mmd-demo').addEventListener('click', function () {
  this.innerHTML = '<iframe src="https://your-site.com/demos/my-demo/player.html" allowfullscreen' +
    ' style="width:100%;height:100%;border:0"></iframe>';
}, { once: true });
</script>

彈窗按鈕

一行程式碼：網頁角落出現「View demo」按鈕，點開後展示浮在頁面上方。

<script src="https://your-site.com/demos/my-demo/embed.js" defer></script>

資料夾裡有什麼

index.html
完整頁面，分享連結打開的就是它
player.html
只有播放器，自動適應放它的框，給 iframe 用
poster.jpg
展示的第一格畫面，用作封面或連結預覽圖
demo.json
展示本身：步驟、文字和設定
player.js
播放器程式碼，上面兩個頁面都用它
assets/
截圖、影片片段和配音
embed.js
彈窗按鈕的腳本

交給 AI 來做

如果你的網站是用 AI 助手（Claude、Cursor、ChatGPT…）做的，複製下面這段，填好空白，交給它即可。

請在我的網站裡嵌入一個互動式產品展示。

我的網站是用這個做的：____（例如 Next.js、WordPress、Webflow）
放在哪裡：____（例如首頁主視覺下方）

這個展示是用 MakeMeDemo 做的、已經託管好的一個資料夾。先顯示 poster.jpg 和一個播放按鈕；只有點擊後，才換成 player.html 的 iframe（寬 100%、寬高比 16:10、無邊框、允許全螢幕），這樣頁面打開時不會先載入展示。直接連結到檔案原本的網址，不要把檔案複製進我的專案。資料夾如下：

https://your-site.com/demos/my-demo/
  index.html   完整頁面，分享連結打開的就是它
  player.html  只有播放器，自動適應放它的框，給 iframe 用
  poster.jpg   展示的第一格畫面，用作封面或連結預覽圖
  demo.json    展示本身：步驟、文字和設定
  player.js    播放器程式碼，上面兩個頁面都用它
  assets/      截圖、影片片段和配音
  embed.js     彈窗按鈕的腳本