我应该为 iPhone 和 iPad 上的 <video> 标签使用哪种视频格式?

Posted

技术标签:

【中文标题】我应该为 iPhone 和 iPad 上的 <video> 标签使用哪种视频格式?【英文标题】:Which video format should I use for my <video> tag on iPhone and iPad? 【发布时间】:2011-12-07 04:48:49 【问题描述】:

我正在尝试嵌入一个 mp4 视频,使其也可用于 iPhone、android 智能手机等移动设备。

当然,我使用的是 html5 视频标签,但现在它不像我预期的那样工作。

确切地说,在 Chrome 和 Safari 等标准网络浏览器上,视频可以正常播放,但在 iPhone、iPad 和 Android 上则不能。

我要嵌入的视频有两种不同的格式: - http://www.legrandclub.net/legrandclub_iphone.mp4 - http://www.legrandclub.net/legrandclub_iphone_h264.mp4

这是我用于嵌入的 HTML5 代码:

<video autoplay="autoplay">
  <source src="http://www.legrandclub.net/legrandclub_iphone.mp4" type="video/mp4" />
  <source src="http://www.legrandclub.net/legrandclub_iphone_h264.mp4" type="video/mp4" />
</video>

所以我的问题是:我应该使用哪种格式在 iPhone 和 iPad 上播放视频?

谢谢

【问题讨论】:

可能在这里看到:***.com/questions/3285529/… 【参考方案1】:

HTML5 是一个模糊的、不断发展的东西。视频更是如此。

http://en.wikipedia.org/wiki/HTML5_video

我希望 h264 视频至少可以在 iPad 上播放。

【讨论】:

【参考方案2】:

深入了解 HTML5 非常详尽:

http://diveintohtml5.info/video.html#what-works

您可能需要重新编码视频。

【讨论】:

以上是关于我应该为 iPhone 和 iPad 上的 <video> 标签使用哪种视频格式?的主要内容,如果未能解决你的问题,请参考以下文章

字段转换为 iPad 和 iPhone 上的电话号码链接

使用 html5 视频提取部分视频。 iphone/ipad 上的全屏问题

在 iPad/iPhone 上的 CSS 提交按钮奇怪的渲染

iPad 和 iPhone 上的自动布局?

如何将 iPhone 版本添加到已经在 App Store 上的 iPad 应用程序

iPhone 4.0 在 iPad 上构建