海洋 CMS 移动端播放视频闪退怎么处理

海洋CMS 移动端播放视频闪退，九成不是海洋CMS 本身的问题，而是「HTTPS 混合内容 + PC 播放器没适配移动端」这两件事叠加导致的，按下面五步顺序排查，通常十分钟内就能定位到具体原因。

移动端闪退分几种？先分清是哪一类

结论：闪退分三类，处理方式完全不同，先看清楚现象再动手。

第一类是浏览器进程直接被杀，App 退回桌面；第二类是页面还在、播放器区域黑屏或白屏；第三类是完全不闪退，只是点播放按钮没任何反应。第一类多半是内存或 WebView 崩溃，第二类多半是资源没加载成功（混合内容、403、404），第三类是 JS 报错或事件没绑定上。用安卓手机连电脑，Chrome 打开 chrome://inspect 就能远程看到手机页面的 Console 和 Network，iOS 则用 Mac 上的 Safari「开发 → 手机名」调。这一步别省，看不到报错就是盲猜。

HTTPS 混合内容是不是闪退主因？

结论：站点跑在 https 上、播放源却是 http 的 m3u8，是目前移动端闪退和黑屏的第一大原因。

iOS Safari 和微信内置浏览器会拒绝加载 https 页面里的 http 视频，安卓部分浏览器内核则因为加载失败反复重试，直接把渲染进程拖崩。排查方法：手机远程调试时看 Console，出现 Mixed Content: The page at 'https://...' was loaded over HTTPS, but requested an insecure resource 就是它。

解决办法有两个：一是把播放源换成 https 地址（多数资源站现在都提供 https 接口）；二是在自己服务器上做反向代理，把 http 源包成 https://你的域名/proxy/xxx.m3u8，同时在 Nginx 里给 .m3u8 和 .ts 加上 CORS 头 Access-Control-Allow-Origin: *，否则 hls.js 拉分片会被跨域拦掉。

播放器要换成移动端能用的 HTML5 方案

结论：海洋CMS 后台播放器设置里如果默认用的是 PC 版 CKplayer 或 Flash 方案，移动端必崩，必须换成 HTML5 video + hls.js。

后台「系统设置 → 播放器设置」里可以切换默认播放器，不同版本菜单位置略有差异，找「播放器」关键字即可。m3u8 源的移动端播放核心代码就这几行：

<video id="v" controls playsinline webkit-playsinline></video>
<script src="https://cdn.jsdelivr.net/npm/hls.js@1"></script>
<script>
var v = document.getElementById('v');
if (Hls.isSupported()) {
  var hls = new Hls();
  hls.loadSource('你的m3u8地址');
  hls.attachMedia(v);
}
</script>

playsinline 和 webkit-playsinline 这两个属性必须写，缺了它们 iOS 微信里一点播放就强制全屏，很容易被系统回收掉页面。更稳妥的做法是在模板里给移动端单独一套播放页，用 UA 判断（/Android|iPhone|iPad|Mobile/i.test(navigator.userAgent)）决定加载哪套。

m3u8 源本身和服务器 MIME 类型怎么查？

结论：源失效和 MIME 类型错误也会表现为闪退，先用 ffprobe 确认源是活的。

命令行执行 ffprobe -v error -show_streams -select_streams v:0 https://你的域名/a.m3u8，能看到视频流信息说明源正常，报错就是源挂了。再看服务器返回头，Nginx 默认不给 .m3u8 和 .ts 正确类型，需要手动加：

types {
  application/vnd.apple.mpegurl m3u8;
  video/mp2t ts;
}

MIME 不对时，部分安卓浏览器会把 m3u8 当普通文本下载，播放器拿不到数据后反复重试，也会闪退。

还有什么容易被忽略的坑？

结论：广告脚本、H.265 编码、高码率长视频，是剩下三类常见诱因。

先把页面上所有第三方 JS（悬浮广告、统计、百度联盟）注释掉再测一次，如果闪退消失，就是某个广告脚本和播放器抢资源。H.265（HEVC）编码的视频在多数安卓浏览器上根本不支持解码，换成 H.264 即可。码率超过 8Mbps 或单集时长超过 2 小时的视频，在低内存安卓机上容易把 WebView 撑爆，可以在海洋CMS 的资源采集规则里优先选低码率线路，或给移动端单独指定一条低清源。

整个排查顺序建议固定为：远程调试看报错 → 查混合内容 → 换 HTML5 播放器 → 验源和 MIME → 关广告脚本。按这个顺序走，绝大多数移动端闪退都能定位到具体那一步。