html5 视频不会在 ipad 上播放任何 mp4 编码

Posted 2023-03-12

【中文标题】html5 视频不会在 ipad 上播放任何 mp4 编码

【英文标题】：html5 video wont play ANY mp4 encodes on ipad

【发布时间】：2016-08-12 17:24:35

【问题描述】：

我试图在带有 html5 视频标签的页面上嵌入 mp4。在桌面上一切正常，但在 iPad 版本 9.3.4 上一切正常。 我在 .htaccess 文件中有 mime 类型。我尝试了各种带有手刹、Miro 和 FFmpeg 转换的编码。

即使是 w3schools 和 videojs 等示例视频也无法播放。 如果我真的将它同步到 iPad，视频就会播放，但在网络上没有任何效果。较旧的 iPad 实际上是通过 HTML5 视频播放器播放 mp4。 我准备把这个 POS iPad 扔出窗户。

 <video autoplay="false"   controls="true" id='video'>
  <source src="http://webnamehere.com/video/bunny.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>

Your browser does not support the video tag.

有没有人找到解决这个问题的方法？是否有任何编码可以实际播放？预先感谢您的任何帮助。

【问题讨论】：

鉴于很多人在 iPad 上成功地在 html5 页面中播放 mp4 视频，我认为这不是罪魁祸首。您是否应该提供一个失败的真实样本，以便我们提供帮助？此外，autoplay 和 controls 不是真/假，它们是否简单存在，并且您的示例不包括可能是疏忽或问题的结束 </video> 标签。你玩的是 Safari、Chrome 还是什么浏览器？

【参考方案1】：

mp4 可能需要正确的配置文件才能在该设备上播放。

如果你用ffmpeg转换，试试添加

-profile:v baseline -level 3.1 -movflags +faststart

在此处查看不同的配置文件级别。 https://trac.ffmpeg.org/wiki/Encode/H.264#Compatibility

这是一个完整的命令：

ffmpeg -i "video.mp4" -y -vcodec libx264 -crf 18 -pix_fmt yuv420p -qcomp 0.8 -preset medium -acodec aac -b:a 400k -x264-params ref=4 -profile:v baseline -level 3.1 -movflags +faststart "video.mp4"