HTML <video> 在移动设备上播放不起作用答案

【问题标题】：HTML <video> Playback on Mobile Devices not workingHTML <video> 在移动设备上播放不起作用
【发布时间】：2021-06-02 15:36:03
【问题描述】：

尝试在移动设备上播放视频时，我无法播放。我目前没有 CDN，因此无法将其上传到 CDN。有谁知道为什么我不能播放视频？

<a href="#" class="play" onclick="toggle();"><img src="play.png" alt="">Watch </a>
<div class="trailer">
        <video src="JH/Episode1/E01[1080p].mkv" controls="true"></video>

        <span class="close">&times;</span>
    </div>

【问题讨论】：

您的移动设备可能不支持 MKV 或不支持其中使用的编解码器。您可以尝试简单地将其重命名为.webm。（WebM 和 MKV 共享完全相同的文件结构。唯一的实质性区别是 WebM 在其使用的编解码器中受到限制。如果您使用的编解码器是兼容的，那么它可能会“只是工作”。）如果没有不行，你必须使用 FFmpeg 之类的工具将视频转码为支持的编解码器和容器。
@Brad 我刚刚尝试更改容器和编解码器，但仍然无法在移动设备上运行。还有其他建议吗？
你把它改成什么了？ MP4 中的 H.264 和 AAC 始终是不错的选择。
将文件转换为 MP4 以获得最佳兼容性。不清楚您的意思是什么“移动设备”，但请注意并非所有操作系统或品牌都支持 MKV。使用 Android 可能会很幸运，但我认为 iOS 只需要 MPEG 视频（3GP、MOV、MP4）。

标签： html video video-streaming

【解决方案1】：

如果您有 OBS，您可以使用“Remux 录音”将您的 .mkv 转换为 mp4。

【讨论】：