Question

注意这原来是一个模拟器问题，而不是视频编码问题，请看我的编辑下方......

我正在为当地大学创建一个网站，他们希望能够添加人们可以在线查看的短视频。我花了很多时间试图弄清楚如何在iDevices上播放视频，但都失败了。

我正在使用Video.js（http://www.videojs.com），并且HTML看起来像这样......

<video id="videoplayer" class="video-js vjs-default-skin" controls preload="auto" width="640" height="352" poster="/Content/Images/logobg.png" data-setup='{}'>
  <source src="/Content/Videos/video.m4v" type="video/mp4">
  <source src="/Content/Videos/video.webm" type="video/webm">
  <p class="vjs-no-js">
    To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
  </p>
</video>

这适用于桌面浏览器，它使用m4v文件。但是，如果我在iDevice上加载页面，视频播放器会说“找不到此视频的兼容源”，这听起来好像不喜欢m4v或webm文件。

我使用http://daniemon.com/blog/how-to-convert-videos-to-webm-with-ffmpeg/中的说明创建了webm文件。我尝试使用iPad Doesn't Render H.264 Video with HTML5上接受的答案创建.mov文件，但这也给出了同样的错误。

任何想法如何支持iDevices？请不要让我对科学视而不见，我是一个真正的新手，所有这些视频的东西，需要简单的指示！

编辑我遇到的问题是在尝试在移动模拟器上查看网站时。当我将网站上传到真实服务器并在iPad上试用时，它运行正常。所以，如果有人遇到类似的问题，首先使用手刹来编码视频，因为它看起来很好，然后确保你在真正的移动设备上测试，而不是模拟器！

Answer 1

通常使用mp4视频文件可以确保在最广泛的浏览器/设备上播放，包括最近的iOS和大多数Android设备。

更具体地说：H.264视频，mp4容器中的AAC音频（即文件）。

这得到了广泛的支持，因此您不应该在创建视频或必要时将视频转换为此格式时遇到太多麻烦。

HTML5视频播放器无法在iPad / iPhone上运行

1 个答案: