MP4视频无法在平板电脑/手机上播放

时间:2015-08-28 10:23:27

标签: html5 video

是否有可能在iPad上播放MP4视频?我为客户创建了一个网站,在头版上有一个预告视频。我使用HTML5标记video完成了此操作,如下所示:

<video autoplay loop muted>
    <source src="video/teasermauricedraait.webm" type="video/webm">
    <source src="video/teasermauricedraait.mp4" type="video/mp4">
</video>

以上代码在桌面上起作用,但在平板电脑(iPad)和手机(iPhone)上不会显示视频。

还尝试添加另一行源代码,但这并不能解决问题: <source src="video/teasermauricedraait.mov" type="video/mov">

我做错了什么?

1 个答案:

答案 0 :(得分:1)

MP4是视频和音频流的“容器”规范,容器中的视频和音频可能使用不同的编码。

iPAD支持的子集在此定义:   - 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
  • 中列出的格式   

您的情况稍微复杂一点,因为视频位于设备上的浏览器中 - 您可能不希望自动在移动设备上播放,因为某些价格计划可能会为您的用户带来数据费用 - 这是历史上不支持在移动设备上自动播放视频的关键原因。人们尝试了各种各样的解决方法,但我不确定是否有一种普遍适用的方法,你真的需要考虑你是否真的想要这样做。

如果视频根本无法播放,即使用户点击播放,那么可能导致视频在浏览器中播放但在iOS设备(尤其是旧设备)上播放不正常的常见问题是h的配置文件.264视频 - 您可以在上面看到支持“基线”。

如果您熟悉它,可以使用ffprobe(https://www.ffmpeg.org/ffprobe.html)等工具进行检查。如果没有,您可以在评论中发布视频链接,其他人可以为您查看。