.mp4 视频无法在移动设备上播放

【问题标题】：.mp4 videos not playing on mobile.mp4 视频无法在移动设备上播放
【发布时间】：2019-11-14 06:33:14
【问题描述】：

我的 .mp4 视频在 Chrome 或 Safari 上无法在移动设备上播放时遇到问题（没有尝试过 Explorer 或 Mozilla）。这是我用于视频的代码：

<video autoplay loop autobuffer muted playsinline style="width:100%; height:auto;">
<source src="/static_imgs/lo_macbook_mockup.mp4" type="video/mp4">
<img src="/static_imgs/lo_site_reskin_img.jpg" title="Legal Outreach site reskin." />
</video>

我尝试过使用和不使用 playinline 并静音但仍然没有。在桌面上工作正常。列出视频的网站是https://bigsheep.design/projects/legal-outreach-4

【问题讨论】：

标签： html5-video mp4

【解决方案1】：

您的测试移动设备可能不支持 High @ Level 5 的 H264 配置文件。

尝试使用 Baseline @ Level 3 的Profile 设置导出（或重新编码）视频。
大多数设备中的视频芯片可以解码此基本配置文件，之后您可以尝试增加到 Main 并尝试不同的 Levels。

在您的视频编码工具中，您希望找到与此类似的选项（Handbrake 工具中的图像）：

【讨论】：

这可能行得通！实际上，我只是放弃并为一个视频使用了 .gif，为另一个视频使用了静止图像。我很感激这个建议！如果我将来这样做，我会尝试你的建议。另外，我的测试移动设备是我的 iPhone 8，我想这可以用，但谁知道呢。谢谢建议！！！