Android上的HTML5 <video>元素是怎么使用的?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (19)

Android 2.0应该支持HTML5视频元素。我无法使用摩托罗拉Droid获得此功能,也无法在任何HTML5视频示例页面上成功查看视频。由于目前不支持QuickTime或Flash,这是我能想到的在网页中嵌入mp4视频的唯一其他事情。有没有人有这样的运气?

提问于
用户回答回答于

我刚刚做了一些实验,从我可以告诉你需要三件事:

  1. 在调用视频时,你不能使用type属性。
  2. 你必须手动调用video.play()
  3. 视频必须编码为一些非常严格的参数; 使用Handbrake上的iPhone设置并选中“Web优化”按钮通常可以实现。

这在所有支持视频的桌面浏览器,iPhone和Android中都可行,AFAIK。

这是标记:

<video id="video" autobuffer height="240" width="360">
<source src="BigBuck.m4v">
<source src="BigBuck.webm" type="video/webm">
<source src="BigBuck.theora.ogv" type="video/ogg">
</video>

我在JS中有这个:

var video = document.getElementById('video');
video.addEventListener('click',function(){
  video.play();
},false);
用户回答回答于

这可能是值得调整你的观点,并期望视频在其自己的应用程序中全屏播放,并编码。令人沮丧的是,点击视频并不足以像iPhone一样播放视频,但由于仅需要onclick属性来启动视频,因此它不是世界的尽头。

我的建议FWIW是使用海报图片,并且很明显它会播放视频。我现在正在开展一个项目,并且客户对此感到满意 - 同时他们也免费获得Android版的Web应用程序,当然,因为合同只适用于iPhone网络应用程序。

为了说明,下面是一个可用的Android视频标签。很好很简单:

<video src="video/placeholder.m4v" poster="video/placeholder.jpg" onclick="this.play();"/>

扫码关注云+社区