如何嵌入 M3U8 流
- 1
貼上您的 M3U8 URL
輸入您想要嵌入到上面欄位中的 .m3u8 流 URL。
- 2
選擇您的選項
選擇自動播放（靜音）、靜音開始以及響應式 16:9 或固定尺寸。
- 3
複製嵌入程式碼
複製生成的 <iframe> 程式碼段。
- 4
將其貼到您的網站中
將程式碼片段放入任何允許原始 HTML 的 HTML 頁面、部落格文章或 CMS 中。
嵌入播放器的工作原理
嵌入程式碼將 <iframe> 指向專用的最小播放器頁面，該頁面會載入 hls.js 並播放您的串流。它與主網站是分開的，因此它保持輕量級並且沒有導航或額外的使用者介面。由於播放器在觀看者的裝置上運行，因此串流是由瀏覽器直接取得的，因此您無需代理或重新託管任何內容。
預設響應式
響應式選項將 iframe 包裝在 16:9 的容器中，該容器可縮放到其父級寬度，這正是大多數文章和頁面所需要的。只有當您需要精確尺寸時（例如在側邊欄內或固定寬度佈局內），才選擇固定尺寸。
當流無法嵌入時
嵌入播放器只能顯示允許觀看者的瀏覽器載入的串流。如果串流阻止跨來源 (CORS) 存取或需要自訂Referer，則即使它在啟用代理的主播放器中工作，它也可能在 iframe 內失敗。對於這些串流，首先在完整播放器中進行測試。
常見問題
M3U8 嵌入是免費的嗎？
是的。產生和使用嵌入代碼是完全免費的，無需註冊，並且播放器不會顯示廣告。
我需要為我的網站添加腳本嗎？
不，您只需貼上一個 <iframe>。播放器和 hls.js 從嵌入頁面載入到 iframe 內，因此您的網站不需要其他任何東西。
我可以自動播放嵌入的串流嗎？
是的，但瀏覽器僅允許在影片靜音時自動播放，因此自動播放選項會使播放器靜音。
為什麼我的串流可以在主播放器中播放，但不能在嵌入中播放？
嵌入直接在觀眾的瀏覽器中播放串流。如果流需要CORS代理或自訂Referer，它可能會在普通 iframe 中失敗。首先在完整播放器中進行測試。