在瀏覽器本機處理,你的影片不會上傳給我們。查看我們的隱私模式
可直接複製的 HLS 播放器程式碼

免費 M3U8 內嵌播放器產生器,建立響應式 HLS iframe 程式碼

建立 HLS 播放器直接網址與符合標準的 iframe,包含自動播放、靜音、全螢幕與子母畫面權限。

不上傳 無需註冊 無浮水印
開啟工具
播放器直接連結
https://m3u8tomp4.org/zh-TW/hls-player/?muted=1&embed=1
響應式 iframe 程式碼
<iframe src="https://m3u8tomp4.org/zh-TW/hls-player/?muted=1&embed=1" title="HLS 影片播放器" width="100%" loading="lazy" style="aspect-ratio: 16 / 9; border: 0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

M3U8 iframe 即時內嵌預覽

內嵌預覽

產生 M3U8 HLS 播放器直接連結

網址參數會把公開串流位址與所選的啟動行為帶入專屬的播放器路由。

複製響應式 HLS iframe 內嵌程式碼

產生的 iframe 包含標題、延遲載入、全螢幕、自動播放與子母畫面權限。

發布前預覽並測試 M3U8 內嵌效果

在即時預覽中載入產生的播放器,或在新分頁開啟其直接連結。

如何為 HLS 串流產生 M3U8 iframe 內嵌程式碼

貼上公開播放清單,選擇播放器是否要求自動播放與靜音啟動,然後複製 iframe 程式碼。加到網站之前請先測試。

在你自己的版面配置中,使用 aspect-ratio: 16 / 9 與 width: 100% 等 CSS,讓 iframe 維持響應式比例。

HLS 內嵌播放器的 CORS、自動播放與瀏覽器需求

iframe 不會改變來源存取規則。HLS 來源必須允許來自內嵌播放器的跨來源清單與分段請求。

自動播放只是請求而非保證。瀏覽器可能依音訊狀態、裝置設定、使用者互動記錄與省電政策予以封鎖。

常見問題

M3U8 內嵌產生器 常見問題

針對瀏覽器支援、隱私、來源存取與輸出行為,提供直接的解答。

如何在網站上內嵌 M3U8 HLS 串流?

貼上公開播放清單,選擇自動播放與靜音行為,複製產生的 iframe,並加到你自行管理的 HTML 中。

為什麼自動播放需要靜音?

現代瀏覽器通常會封鎖有聲自動播放。以靜音開始能提升相容性,但仍受各瀏覽器政策約束。

iframe 會代理或代管 HLS 影片嗎?

不會。內嵌播放器會直接請求清單與分段,因此媒體伺服器必須允許 CORS 存取並保持可用。