在某些iPad上无法播放HTML5视频mp4

时间:2020-05-01 19:33:12

标签: ios html5-video mp4 video.js

背景:

我有两个运行相同版本的iOS和Mobile Safari的iPad。站点包装程序在这两者上都可以正常工作。此外,我有适用于不同设备(h.265 HEVC .mp4,VP9 .webM,h.264 .mp4)的多个版本的视频,它们在不同的受支持的浏览器/ OS版本(包括我尝试过的大多数iOS设备)中都能正常运行

问题:

iPad A (Gen 7 2019 iOS 13.4.1)-正确选择h.265 mp4并按预期播放。如果h.265不存在,它将改为正确播放后备mp4。

iPad B (iPad Mini 4 iOS 13.4.1)-无法播放mp4文件或构成该站点的任何其他MP4。我只是得到了划掉的播放按钮。

我尝试过的事情:

  • 我已经检查了标头,并使用正确的MIME类型Content-Type: video/mp4

    正确提供了文件
  • 尝试了多种不同的托管环境,包括Apache,IIS,Node Express-相同的问题。

  • 在iPad上尝试使用Chrome和FF。 -同样的问题。

  • 我尝试了不同的方式来演示视频。该站点使用VideoJS来显示视频,但我删除了该视频,并在平面HTML文件中使用了HTML 5 <video>标签。我什至尝试直接在浏览器URL中导航到视频。在所有情况下,iPad A都可以,而iPad B可以。


所有这些使我认为它是视频编码错误,但是无论我使用哪个mp4文件(h.264或h.265),我都有相同的问题。某些Apple硬件存在不适用于其他比特率的比特率或其他编码问题吗?

以下是有问题的视频

https://boundarywaters360.com/video/paddling.mp4(普通mp4)

https://boundarywaters360.com/video/paddling_h265.mp4(h.265版本-请注意,Chrome无法播放)

1 个答案:

答案 0 :(得分:0)

几天前,我遇到了类似的问题。
对我来说,解决此问题的原因是我将视频尺寸调整为与设备屏幕分辨率相同的大小。完成此操作后,视频播放就没有问题了。

我找不到苹果方面的任何文档来确认此问题,但也许您可以尝试一下,让我知道这是否有帮助。