Question

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

我的代码有问题吗？

HTML：

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

JS：

{{1}}

Answer 1

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

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

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

这是相关部分：

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文件格式

多种音频格式，包括Audio Technologies
中列出的格式

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

Answer 2

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

</video>

它可以在iPhone上的ipad上正常工作

HTML5视频代码无法在iOS上运行，视频未加载

2 个答案: