可直接复制的 HLS 播放器代码

免费 M3U8 嵌入播放器生成器，创建响应式 HLS Iframe

创建 HLS 播放器直链和标准 iframe，包含自动播放、静音、全屏和画中画权限。

无需上传无需注册无水印

打开工具

公开 M3U8 串流网址

自动播放浏览器通常要求静音。静音启动提高自动播放兼容性。

播放器直链

https://m3u8tomp4.org/zh/hls-player/?muted=1&embed=1

响应式 iframe 代码

<iframe src="https://m3u8tomp4.org/zh/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 访问并保持可用。