小编典典

Android上的HTML5 <video>元素

html

根据:

Android 2.0应该支持HTML5视频元素。我无法使用MotorolaDroid使它正常工作,也无法在其中的任何HTML5视频示例页面上成功查看视频。由于目前不支持QuickTime或Flash,这是我想到的将mp4视频嵌入网页中的唯一其他方法。有人有运气吗?


阅读 353

收藏
2020-05-10

共1个答案

小编典典

我已经对此进行了一些试验,从我可以告诉你的需要三件事:

  1. 调用视频时,不得使用 type 属性。
  2. 您必须手动调用video.play()
  3. 视频必须按照一些非常严格的参数编码;通常,使用Handbrake上的iPhone设置并选中“网络优化”按钮即可解决问题。

在所有启用了视频的桌面浏览器,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);

我在三星Galaxy S上进行了测试,效果很好。

2020-05-10