如何嵌入 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 中失败。首先在完整播放器中进行测试。