iOS 视频播放不工作的可能原因答案

【问题标题】：Possible reasons for iOS video playback not workingiOS 视频播放不工作的可能原因
【发布时间】：2020-06-25 05:06:48
【问题描述】：

在寻找了几个小时并发现编码和playsinline 是一个很好的起点之后，我仍然无法弄清楚我当前的项目为什么 iOS 上的 html5 视频无法播放。

<video class="loop_video desktop_video" width="100%" height="100%" loop="" muted="" playsinline="" data-play="yes">
        <source src="https://myweb.com/wp-content/uploads/2020/06/p-video.mp4" type="video/mp4">
        <source src="https://myweb.co/wp-content/uploads/2020/06/p-video.webm" type="video/webm">
        <source src="https://myweb.co/wp-content/uploads/2020/06/p-video.ogv" type="video/ogv">
</video>

这会在桌面设备上的所有浏览器中播放，但不知何故总是在移动设备上留下空白区域 (iOS Chrome)。视频容器在那里（意味着该部分的大小似乎被渲染，但视频元素本身只是一个空白。

这可能是什么原因，以便我可以进一步调查，有什么想法吗？

谢谢，马特

【问题讨论】：

标签： video mobile html5-video

【解决方案1】：

我能够解决这个问题。最后是webm、ogv和mp4格式的编码问题。我用了一个在线转换器工具，又试了一次，这次成功了。

【讨论】：