android - Android 上的 HTML5 元素

Question

根据:

http://developer.android.com/sdk/android-2.0-highlights.html

Android 2.0 应该支持 HTML5 视频元素。我无法使用摩托罗拉 Droid 让它工作，也无法在任何 HTML5 视频示例页面上成功查看视频。由于目前不支持 QuickTime 或 Flash，这是我能想到的在网页中嵌入 mp4 视频的唯一其他方法。有没有人遇到过这种情况？

Answer 1

我刚刚对此进行了一些实验，据我所知，您需要三件事:

1. 调用视频时不能使用type属性。
2. 您必须手动调用 video.play()
3. 视频必须编码成一些相当严格的参数；在 Handbrake 上使用 iPhone 设置并选中“Web Optimized”按钮通常可以解决问题。

查看此页面上的演示:http://broken-links.com/tests/video/

AFAIK，这适用于所有支持视频的桌面浏览器、iPhone 和 Android。

这是标记:

<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 上进行了测试，效果很好。