Javascript HTML5视频标签在iOS上不工作，未加载视频

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

我的代码有问题吗

HTML:

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

---

正如评论中提到的，它在ipad和iphone上都能正常工作，一个常见的原因是视频格式

支持格式的apple指南如下：

这是相关部分：

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

H.264视频，高达1.5 Mbps，640 x 480像素，每秒30帧，低复杂度版本的H.264基线配置文件，AAC-LC音频高达160 Kbps，48 kHz，立体声音频为.m4v、.mp4和.mov文件格式 H.264视频，高达768 Kbps，320 x 240像素，每秒30帧，基线配置文件高达1.3级，AAC-LC音频高达160 Kbps，48 kHz，立体声音频为.m4v、.mp4和.mov文件格式 MPEG-4视频，高达2.5 Mbps，640 x 480像素，每秒30帧，简单配置文件，AAC-LC音频高达160 Kbps，48 kHz，立体声音频为.m4v、.mp4和.mov文件格式 多种音频格式，包括《音频技术》中列出的格式

---

需要了解的是，MP4是视频和音频流的“容器”规范，容器中的视频和音频可能使用不同的编码，因此某些MP4文件可能受支持，而其他文件可能不受支持。

您的浏览器不支持视频标记。你在你的.htaccess/apache规则中添加了MIME类型了吗？请看一下，在MIME类型后面的丑陋的头部部分，我刚刚在我的httpd.conf中添加了AddType video/mp4.mp4行，结果是一样的。一个常见的原因是视频格式-你能发布一个到视频的链接以便检查吗？有关iOS格式的链接，请参见下面的答案。

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

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

</video>