.mp4视频无法在手机上播放

Question

我的.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

Answer 1

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

尝试使用{strong>基线@ 3级的Profile设置导出（或重新编码）视频。
大多数视频芯片都可以解码此基本配置文件设备，之后您可以尝试增加到 Main ，并尝试使用其他 Levels 。

在您的视频编码工具中，您想要找到与此类似的选项（来自“手刹”工具的图像）：