手上有 M3U8（HLS） 網址，想掛在官網、部落格或文件裡播放，又不想架後端、也不想從零拼播放器——這種情況很常見。
做法其實不難：在瀏覽器開啟 M3U8 嵌入程式碼產生器，把串流網址貼進去，選好要不要自動起播，下面就會給兩樣東西：可以分享給別人點的嵌入頁連結，以及 能直接貼進網頁的 iframe 程式碼。
這篇文章依序帶你走：若你 還沒有 M3U8 連結，第二節會先說 網址通常怎麼找，並連到一篇專門講方法的圖文；第三節起才是「填進產生器、複製程式碼」；最後再說連結裡的 video_url、autoplay 這些參數。
對 .m3u8 還不太熟，可以先看這篇：什麼是 M3U8 檔案。
一、什麼人會用到
做行銷的想在活動頁放一段直播；做開發的要一段參數正確的 iframe 好聯調——本質都是：把 HLS 串流嵌進網頁。產生器這邊目前只認 M3U8（HLS）；產生的 嵌入頁 URL 和 iframe 對應同一套播放頁，依情境擇一複製即可。
二、還沒有 M3U8 網址？先搞定「連結從哪來」
不少人卡在第一步：影片在網頁裡能看，卻不知道 .m3u8 網址要填什麼。 嵌入產生器只認 一條可直接存取的 M3U8 播放清單 URL，你得先從頁面或網路請求裡把它找出來。
常見、也相對省事的做法，是用 Chrome 上的免費擴充功能 The Stream Detector：在 能正常播放該影片的網頁裡開啟擴充功能，它會列出頁面上出現的 HLS 串流網址，點一下就能複製。大致流程：從 Chrome 線上應用程式商店安裝 → 把擴充功能釘選到工具列 → 回到播影片的頁面（有時需要重新整理）→ 依圖示或清單操作 → 複製目標網址。
更細的 安裝連結、配圖步驟、按兩下複製我們另外寫過一篇，照圖做即可：
👉 查找 M3U8 網址最佳方案（簡體版同路徑：簡中閱讀）
若習慣自己看，也可以在瀏覽器 開發者工具 → 網路（Network） 裡篩選 m3u8 或 manifest，找到 master 播放清單再複製 URL——上手成本高一點，原理相同：你要的是最後指向播放清單的那條 https 網址。
拿到網址後，先在我們的 M3U8 線上播放器 試播，確認能播且你有權嵌入，再繼續產生嵌入。
三、動手前要準備的東西
- 一條能播的 M3U8 網址（盡量
https://，且你有權在網頁裡播放）。還不會找的話，先看上一節與 查找 M3U8 網址最佳方案。 - 要不要讓嵌入頁一開啟就嘗試自動播放——後面開關一開，連結裡會多一段參數；實際能不能自動播，仍要看瀏覽器規則，後面會提。
手邊暫時沒有自己的串流，只想試介面，可以用這條公開測試流：
https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8
四、三步走完
第 1 步：開啟頁面，貼上網址
- 開啟 M3U8 嵌入程式碼產生器
- 在 M3U8（HLS）URL 裡貼上你的播放清單。
- 嵌入格式現在只有 M3U8 (HLS)；日後若新增別的，再在這裡選。
第 2 步：要不要自動播放
在嵌入頁嘗試自動播放開啟後，產生的連結會帶上 autoplay=true。播放器會盡量自動起播；不過帶聲音的自動播很多瀏覽器會擋，靜音或使用者按一下再播往往比較穩。
第 3 步：複製你要的那段
頁面上兩塊內容，依需求選：
- 嵌入頁 URL：適合丟到聊天、郵件、文件，或在 CMS 裡「插入連結」。
- iframe HTML：適合你自己改版型，在要出畫面的地方整段貼上。
不確定效果，可以先點 在頁面中預覽（或新分頁預覽），畫面正常再拷到正式環境。
五、連結裡跟了哪些參數（看一眼就懂）
產生器會把你的選擇寫進網址列後面的 查詢參數。和播放相關的主要是這兩個：
| 參數 | 含義 | 說明 |
|---|---|---|
video_url | 你的串流網址 | 會自動 URL 編碼，避免網址裡的 &、? 把連結弄斷。 |
autoplay | 要不要嘗試自動播 | 寫成 true 就是「盡量自動播」；實際行不行看瀏覽器。 |
形狀大概像這樣（以你頁面上複製出來的為準）：
https://m3u8player.app/zh-TW/embed/m3u8/?video_url=…&autoplay=true
關掉自動播放的話，通常就不會帶 autoplay=true 這一段。
六、幾個容易踩坑的地方
- 版權：能播不代表能隨便嵌到公開網路，請自行確認授權。
- 能不能拉到串流：來源站卡跨域、或串流只在內網，訪客那邊一樣播不了；頁面是 HTTPS 的話，串流也盡量用 HTTPS，麻煩少很多。
- 自動播放：參數寫了也不一定每次都能自動播，預覽和實機各試一次最踏實。
- 格式：這個產生器只管 M3U8（HLS）；一般 MP4 直連之類，不在這條流程裡。
七、和站上其他頁面的分工
想 單純在瀏覽器裡播、換畫質：用 M3U8 線上播放器。
想 把分段抓下來：走 M3U8 線上下載器，合法合規請自行把關。
嵌入產生器就是專門幫你 湊連結、湊 iframe 的，往任意頁面一塞就行。
還沒拿到 M3U8 網址時，優先看 查找 M3U8 網址最佳方案，再回來用本文。
小結
一句話串起來：不會找網址 → 先看 查找 M3U8 網址最佳方案，用 The Stream Detector 或網路面板拿到連結；再開啟 嵌入產生器 → 貼 M3U8 → 要不要自動播自己選 → 複製 URL 或 iframe。 video_url 和可選的 autoplay=true 都是產生器幫你拼好的，不用手搓。先用測試流玩一遍，再換成自己的網址上線，會省心不少。
