HTML5视频标签不能在iOS上工作，视频无法加载

HTML5 video tag not working on iOS, video not loaded

本文关键字：视频 加载 工作 iOS 标签 不能 HTML5      更新时间：2023-09-26

下面的代码在桌面浏览器上运行良好，但在我的iPad上，视频无法加载

我的代码有问题吗?

HTML: 

<video id="helpVideoPlayer" width="788" height="327" controls>
    <source src="" type="video/mp4">
    Your browser does not support the video tag.
</video>

JS: 

var videoUrl = "../video/test.mp4";
$("#helpVideoPlayer source").attr("src", videoUrl);
$("#helpVideoPlayer").load();

正如评论中提到的，一个常见的原因是视频格式。

苹果支持的格式指南在这里:

  • https://developer.apple.com/library/ios/documentation/Miscellaneous/Conceptual/iPhoneOSTechOverview/MediaLayer/MediaLayer.html

，这是相关的部分:

iOS支持许多行业标准的视频格式和压缩标准，包括:

  • H。264视频，高达1.5 Mbps, 640 × 480像素，每秒30帧，低复杂度版本的H.264基线配置文件，AAC-LC音频高达160 Kbps, 48 kHz，立体声音频在。m4v，。mp4，和。mov文件格式
  • H。264视频，高达768 Kbps, 320 × 240像素，每秒30帧，基线配置文件高达1.3级，AAC-LC音频高达160 Kbps, 48 kHz，立体声音频。m4v，。mp4和。mov文件格式
  • MPEG-4视频，高达2.5 Mbps, 640 × 480像素，每秒30帧，AAC-LC音频高达160 Kbps, 48 kHz，立体声音频。m4v，。mp4和。mov文件格式
  • 多种音频格式，包括audio Technologies
    • 中列出的音频格式

值得理解的是，MP4是视频和音频流的"容器"规范，容器中的视频和音频可能使用不同的编码，因此一些MP4文件可能被支持，而另一些可能不被支持。

<video id="helpVideoPlayer" controls="true" width="788" height="327" src="" type="video/mp4"
</video>

ipad和iphone都能正常运行

相关文章：