CodeIgniter 不处理视频播放逻辑，真正决定播放的是 HTML5 <video> 标签、浏览器兼容性、服务器响应头（如 Range 请求）及视频编码与元数据位置。
CodeIgniter 本身不处理视频播放逻辑，它只负责把视频文件路径或嵌入代码安全地传给前端。真正决定视频能否播放的，是 HTML5 <video> 标签、浏览器兼容性、服务器响应头（尤其是 Range 请求）、以及视频文件本身的编码格式和元数据位置。
为什么视频在 CodeIgniter 页面里点不动？
常见现象是：页面加载完成，<video> 标签渲染出来了，但点击播放没反应，控制台也没报错——这大概率不是 CI 的锅，而是以下任一环节断了：
- 视频文件路径不对，或 Web 服务器（如 Apache/Nginx）未正确配置 MIME 类型，导致返回
text/html而非video/mp4 - 视频文件缺少关键元数据（moov box 在文件末尾），Safari/iOS 无法快速定位起始帧，直接卡住
- 使用了
autoplay但没加muted，被现代浏览器策略拦截（尤其移动端） - CI 控制器里用
readfile()或file_get_contents()输出视频流，却没设置Content-Range和Accept-Ranges: bytes，iOS/Safari 拒绝加载
如何让 MP4 在 CodeIgniter 中被 Safari/iOS 正确播放？
核心是确保视频文件“可流式访问”（streamable）。MP4 必须把 moov box 放在文件开头，否则 iOS 会等整个文件下载完才开始解析——用户看到的就是黑屏+转圈。
实操建议：
立即学习“前端免费学习笔记（深入）”；
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 用
ffmpeg重写 MP4，强制前置元数据：ffmpeg -i input.mp4 -c copy -movflags +faststart output.mp4 - 不要在 CI 控制器里直接
readfile('videos/xxx.mp4')；改用静态资源方式，让 Web 服务器原生处理 Range 请求 - 如果必须走 PHP 输出（比如权限校验），控制器中需完整支持 HTTP Range 协议：解析
$_SERVER['HTTP_RANGE']，计算start/end，设置Content-Range、Content-Length、Accept-Ranges: bytes和 206 状态码 - 检查 Nginx/Apache 是否禁用了
Accept-Ranges，默认一般开启，但某些安全加固配置会关掉
YouTube 嵌入链接在 CodeIgniter 视图里显示为空白？
问题几乎总是出在 URL 格式上：数据库存的是 https://www.youtube.com/watch?v=abc123，但 <iframe src="..."> 需要的是 embed 地址。
解决方法分两层：
- 存储层：入库前就转成 embed URL，例如用 PHP 提取
v=后参数，拼成https://www.youtube.com/embed/abc123 - 展示层：若只能存 watch URL，视图中用正则提取 ID 再构造 embed 地址：
preg_match('/v=([a-zA-Z0-9_-]+)/', $url, $matches)，然后输出https://www.youtube.com/embed/{$matches[1]} - 别忘了加
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"属性，否则部分新版 Chrome 会禁用 iframe 功能
自定义播放器 JS 控制失效（如 play() 报错）？
典型错误是 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. —— 这跟 CI 完全无关，是浏览器策略。
关键应对点：
-
play()必须由用户手势触发（click/tap），不能在DOMContentLoaded或load事件里直接调；可绑定到播放按钮的 click 回调中 - 想实现“静音自动播放”，务必同时设
muted和autoplay属性：<video muted autoplay> - 调用
play()后要 catch Promise reject，避免阻塞后续逻辑：video.play().catch(e => console.warn('Autoplay prevented:', e)) - CI 视图中不要把 JS 逻辑写在
<script>标签里硬编码；统一抽离为模块，用 data 属性传参数（如data-video-src），保持前后端职责清晰
最易被忽略的一点：视频路径是否真的能被浏览器直接 GET 到？先在浏览器地址栏粘贴完整 URL（比如 https://yoursite.com/assets/videos/demo.mp4）看能否下载或播放，再排查 CI 层——很多问题根本没走到框架里。
