iPad上video标签无法播放MOV文件的根本原因是AVFoundation框架不支持MOV容器及其中的ProRes等编码和PCM等音频，仅支持H.264/HEVC+AAC的MP4；需用ffmpeg转为baseline profile MP4并添加playsinline属性。
HTML5 在 iPad 上播放视频，根本问题不在「导入」，而在 video 标签能否解码你提供的视频文件——iPad（尤其是 iOS/iPadOS）只支持 H.264 或 HEVC 编码的 MP4 容器（.mp4），且音频必须是 AAC。其他格式如 MOV、AVI、MKV、WebM，哪怕用 <video src="xxx.mov"></video> 写进去，也会静默失败（不报错，但显示黑屏或播放按钮灰掉）。
为什么 iPad 上 <video></video> 标签加载 MOV 文件失败
iPad 的 Safari（以及所有 iOS/iPadOS WebKit 浏览器）底层依赖系统 AVFoundation 框架解码，它不支持 MOV 容器内常见的 ProRes、DNxHD、未压缩 YUV 等编码，也不支持 MOV 里嵌入的 PCM、ALAC（除非是 iTunes 正规导出的 ALAC）等音频。即使 MOV 实际用的是 H.264+AAC，部分 QuickTime 元数据（如自定义 timecode track、多语言字幕轨道）也可能触发解析失败。
常见现象：
• 页面有 <video></video> 标签但无画面、无错误提示
• 控制栏显示「无法播放此视频」或「加载中…」后卡住
• video.error 为 null，但 video.networkState === 0（NETWORK_EMPTY）或 video.readyState === 0
转成兼容格式：用 ffmpeg 命令行最可靠
不要依赖在线转换网站或 GUI 工具（常悄悄加水印、改分辨率、删音轨）。直接用 ffmpeg 保证可控性。确保安装的是较新版本（≥ 4.4），支持硬件加速（macOS 上可用 -vcodec h264_videotoolbox 加速）。
立即学习“前端免费学习笔记（深入）”；
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- 基础命令（H.264 + AAC，MP4 容器，兼容所有 iPad）：
ffmpeg -i input.mov -c:v libx264 -profile:v baseline -level 3.0 -c:a aac -b:a 128k -movflags +faststart output.mp4
- 如果源视频是 4K/60fps 或需 HEVC（仅限 iPad Pro 2017+ / iPad Air 3+ / iPad mini 5+）：
ffmpeg -i input.mov -c:v libx264 -profile:v main -level 4.0 -c:a aac -b:a 128k -movflags +faststart output.mp4
- HEVC 版本（更小体积，但旧 iPad 不支持）：
ffmpeg -i input.mov -c:v hevc_videotoolbox -b:v 2M -c:a aac -b:a 128k -movflags +faststart output.mp4
关键参数说明：
• -profile:v baseline -level 3.0：强制兼容 iPhone 4 / iPad 2 起的所有设备
• -movflags +faststart：把 moov box 移到文件开头，实现「边下边播」，否则 iPad 可能等待整个文件下载完才开始播放
• -c:a aac：绝不能用 libmp3lame，iOS 不支持 MP3 作为 <video></video> 内嵌音频
<video></video> 标签写法必须带 playsinline 和 webkit-playsinline
iPad Safari 默认全屏播放视频。若你的页面是嵌入式布局（比如卡片里放一个 320×180 视频），不加这两个属性，用户点击后会跳转全屏，返回时可能丢失上下文或触发重载。
<video controls playsinline webkit-playsinline width="320" height="180"> <source src="output.mp4" type="video/mp4"> </video>
注意：
• playsinline 是 HTML5 标准属性
• webkit-playsinline 是 Safari 旧版必需的前缀（iOS 10–12），现在仍建议保留
• 不要设置 autoplay（iOS 禁止无用户手势的自动播放）
• 若需静音自动播放（如背景视频），必须加 muted 属性，否则会被 Safari 静音且不触发播放
真正容易被忽略的点：iPad 对视频宽高比和分辨率没有硬性限制，但若原始 MOV 是 16:9 的 3840×2160，而你转成 MP4 时没指定 -vf scale=1920:1080:force_original_aspect_ratio=decrease，可能导致黑边或拉伸；另外，某些企业内部 CMS 上传后会二次转码，务必确认后台没把你的 MP4 又转成 WebM 或删了 moov 头——最终部署前，一定要在真机 Safari 里直接访问 MP4 URL 测试能否播放，而不是只测 HTML 页面。
