要把 M3U8(HLS) 串流嵌進官網、部落格或文件,又不想自建後端或從零寫播放器,可直接使用站上的 M3U8 嵌入程式碼產生器:貼上串流網址,決定是否嘗試自動播放,頁面會提供 嵌入頁 URL 與 iframe 程式碼,擇一複製即可。產生器目前僅支援 M3U8(HLS);兩者指向同一套播放頁。
還不熟悉 .m3u8 可先讀:什麼是 M3U8 檔案。
還沒有網址時:先取得可存取的 M3U8
嵌入工具需要的是 一條瀏覽器可直接請求的 M3U8 播放清單 URL。頁面上能播,不代表剪貼簿裡已經有這條網址,仍須從頁面或網路請求中找出。
較省事的做法:在 Chrome 安裝擴充功能 The Stream Detector,在影片能正常播放的頁面開啟擴充功能,從清單選取 HLS 網址並複製。安裝 → 釘選到工具列 → 回到影片分頁(必要時重新整理)→ 從清單複製目標 URL。
安裝連結、截圖與按兩下複製等步驟見 查找 M3U8 網址最佳方案;簡體同路徑:簡中閱讀。
習慣開發者工具時:在 Network 篩選 m3u8 或 manifest,找到 master 播放清單,複製其 https URL。
取得網址後,建議先在 M3U8 線上播放器 試播,確認可播且你有權嵌入,再產生嵌入程式碼。
開始前要準備什麼
- 一條可播放的 M3U8 網址(優先
https://,且你有在網站上播放的授權)。仍不會找網址的,見上一節與 查找 M3U8 網址最佳方案。 - 是否希望嵌入頁載入後嘗試自動播放:開啟後連結會帶
autoplay參數;能否真正自動播由瀏覽器政策決定(見下文)。
沒有自己的串流時,可先用公開測試流:
https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8
操作步驟
1. 開啟產生器並貼上網址

- 開啟 M3U8 嵌入程式碼產生器
- 在 M3U8(HLS)URL 貼上播放清單網址。
- 嵌入格式 目前為 M3U8 (HLS);日後若新增其他格式,於此選擇。
2. 自動播放
開啟 在嵌入頁嘗試自動播放(仍可能受瀏覽器政策限制,需使用者操作) 後,產生的連結會包含 autoplay=true。帶聲音的自動播常被瀏覽器擋下;靜音或點擊後再播通常較穩。
3. 複製結果

- 嵌入頁 URL:聊天、郵件、文件或 CMS「插入連結」等情境。
- iframe HTML:你掌控版型、要在固定區塊內嵌播放器時使用。
不確定可先點 在新分頁開啟預覽,確認畫面後再用於正式環境。
連結中的查詢參數
產生器把你的選擇寫進 URL 查詢字串,與播放直接相關的兩項如下:
| 參數 | 含義 | 說明 |
|---|---|---|
video_url | 串流網址 | 會做 URL 編碼,避免串流網址中的 &、? 弄斷整段連結。 |
autoplay | 是否嘗試自播 | 為 true 表示盡量自動播;最終是否成功取決於瀏覽器。 |
範例形態(以頁面實際複製為準):
https://m3u8player.app/zh-TW/embed/player/?video_url=…&autoplay=true&type=m3u8
關閉自動播放時,連結通常不再包含 autoplay=true。
注意點
- 授權:能播不代表可公開嵌入,請自行確認版權與使用條款。
- 可達性:來源限制跨來源或串流僅內網可存時,訪客端同樣可能失敗;網站為 HTTPS 時,串流也盡量用 HTTPS。
- 自動播放:參數不保證每次都能自動播,建議在預覽與實機各測一次。
- 格式:本流程僅適用 M3U8(HLS);一般 MP4 直連等不在此產生器範圍。
站內相關:試播與切換畫質用 M3U8 線上播放器;分段下載見 M3U8 線上下載器(用途與合規請自行判斷)。仍缺 M3U8 網址時,先看 查找 M3U8 網址最佳方案,再使用產生器。
小結
先用 The Stream Detector 或 Network 面板取得 https 播放清單 URL,必要時對照 查找 M3U8 網址最佳方案;再開啟 嵌入產生器 貼上網址、選是否自動播,複製 URL 或 iframe。video_url 與可選的 autoplay=true 由產生器產生,無需手拼。可先用上文測試流走通流程,再換成自有網址。

