海洋 CMS 是否支持 m3u8 视频播放

海洋 CMS 本身不限制视频格式，它能不能播 m3u8 取决于你用的播放器是否支持 HLS 协议——只要在播放器代码里挂上 hls.js（或换成原生支持 HLS 的播放器），Chrome、Edge、Firefox 上都能正常播放 m3u8；不挂的话，只有 iOS Safari 能直接播。

海洋 CMS 能不能播 m3u8？先分清「程序」和「播放器」

结论：m3u8 播不播得出来，是播放器的责任，不是海洋 CMS 的责任。海洋 CMS 做的是内容管理——存标题、封面、播放地址、剧集列表，最后把播放地址丢给前台那段播放器代码。播放地址是 xxx.mp4 还是 xxx.m3u8，对数据库字段没有任何影响，字段长度足够放下一整条带参数的 m3u8 链接。

所以判断标准只有一条：你站点点播页调用的那段播放器代码，有没有引入 HLS 解码能力。海洋 CMS 的播放器属于可替换组件，你可以在播放器配置里粘贴自己的播放器 HTML/JS 代码（不同版本的菜单位置有差异，以你实际后台为准）。这既是它支持 m3u8 的原因，也是它「默认不一定支持」的原因。

m3u8 和 mp4 有什么区别？

结论：m3u8 是索引文件，不是视频本体。m3u8 是 UTF-8 纯文本，里面按行列出一个个 .ts 分片地址和时长，播放器读完索引再去逐个下载分片，这就是 HLS（HTTP Live Streaming，苹果 2009 年推出的流媒体协议）。mp4 则是一个完整文件，浏览器拿到 URL 直接边下边播。

这个差别带来两个实际后果：一是 m3u8 一次播放会产生几十到几百个 HTTP 请求，链路更容易被防盗链或跨域策略拦；二是桌面端 Chrome、Firefox、Edge 不原生支持 HLS，必须靠 JavaScript 把分片重新拼进 MSE（Media Source Extensions）才能播。iOS 上的 Safari 从 iOS 3 开始就原生支持 application/vnd.apple.mpegurl，同一套代码在 iPhone 上能播、在电脑 Chrome 上黑屏，多半就是这个原因。

让海洋 CMS 播 m3u8 具体怎么做？

结论：在播放器代码里引入 hls.js，并做能力判断后回退到原生播放。hls.js 当前主线是 1.x，可直接从 CDN 引入。

核心逻辑三步：先判断 Hls.isSupported()，支持就用 hls.js 装载；不支持再判断 video.canPlayType('application/vnd.apple.mpegurl')，交给 Safari 原生播；两者都不行就提示用户换浏览器。

var video = document.querySelector('video');
var url = '你的m3u8地址';
if (window.Hls && Hls.isSupported()) {
  var hls = new Hls();
  hls.loadSource(url);
  hls.attachMedia(video);
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
  video.src = url;
}

如果你用的是 DPlayer、ArtPlayer、CKPlayer 这类常见播放器，它们内置了 hls.js 开关，把 video.type 设为 customHls 或在配置里开启 HLS 即可，不用自己写上面这段。

配置好了还是黑屏，先查这三项

结论：跨域、Referer 防盗链、m3u8 链接参数丢失，是 m3u8 播放失败的三个高频原因。

第一是 CORS。hls.js 用 fetch/XHR 拉取 .m3u8 和 .ts，跨域时必须由资源服务器返回 Access-Control-Allow-Origin；这一点和 mp4 不同，<video src> 直接播 mp4 不受同源策略限制，所以「mp4 能播、m3u8 不能播」经常是跨域而不是格式问题。第二是 Referer 白名单，很多 CDN 要求来源域名在允许列表内，前端可在 video 标签上加 referrerpolicy="no-referrer" 试探，或走服务器反代。第三是链接参数，m3u8 常带 ?auth_key= 或 ?sign= 这类时效签名，采集入库时若被截断，索引能打开但分片全部 403。

采集 m3u8 资源要注意什么

结论：采集时优先保留完整播放地址，并把「播放器」这一项单独配好。资源站给的播放地址若是 m3u8，直接入库即可；真正的坑在于采集规则把播放地址按 .mp4 截断，或者把多个清晰度的 m3u8 只取了一条。建议入库后手动抽 2-3 集到浏览器打开网络面板，确认 .ts 分片返回 200 而不是 403/404。另外，如果你的用户里 iOS 占比高，不加 hls.js 也能用，但桌面端会大面积报障，所以 hls.js 建议默认挂上。

总结：海洋 CMS 支持 m3u8，前提是播放器代码具备 HLS 能力。技术上走 hls.js + 原生回退这两条路，运维上盯住跨域、Referer、签名参数三处，绝大多数 m3u8 播放问题都能定位到具体一环。