Javascript 在浏览器中播放HTML5视频——什么适用于大多数Android设备？

我正在尝试在移动设备上播放HTML5视频。在最新版本的iOS上，它们似乎运行良好，但我发现与Android设备有很多不一致之处

我正在使用video.js，并在一个缩略图上点击，作为回报，它会用一个HTML5视频替换元素并自动播放。以下代码在Android emulator上完全不起作用（单击缩略图什么也不做）。当我在自己的DroidRazr上试用时，它开始加载视频，然后浏览器冻结。这发生在本机浏览器和Chrome中，它告诉我这是设备的本机功能

$(".video").live("click", function(e) {
    e.preventDefault();
    $(this).replaceWith("<video id='" + $(this).data("video-id") + "' class='video-js' preoload='auto' width='100%' height='100%' poster='" + $(this).data("video-poster-url") + "'><source type='video/mp4; codecs=\"avc1.42E01E, mp4a.40.2\"' src='" + $(this).data("video-url")  + "'></video>");

    video  = _V_($(this));
    video.ready(function() {
       this.play();
       this.requestFullScreen();
    });
});

$（“.video”）.live（“点击”，功能（e）{
e、 预防默认值（）；
$（此）。替换为（“”）；
视频=_V_（$（此））；
video.ready（函数（）{
这个。play（）；
这个.requestFullScreen（）；
});
});

HTML最终是：

<video id='fv3530' class='video-js' preoload='auto' width='100%' height='100%' poster='/posters/fv3530.jpg'>
    <source type='video/mp4; codecs="avc1.42E01E, mp4a.40.2" src='/videos/fv3530.mp4'>
</video>

请回答这个问题：

显然，有可能在android上使用HTML5视频，根据
但是有一些严格的参数来实现这一点（参见对问题的检查回答）

在您的情况下，使用模拟器处理事件并不容易，尤其是html5等，因此您应该始终使用真实的设备进行测试（非常推荐）。就您的手机而言，它无法工作的原因可能是您使用的是不受支持的视频编解码器。
从
源
声明中删除
类型
属性。这通常会导致Android出现问题，尤其是旧版本

您的源声明应该是：

<source src='/videos/fv3530.mp4'>



我有一个在Android上运行HTML5视频的软件（刚刚在运行Android 2.2的HTC Desire上进行了测试）。
请确认其中一个答案或开始悬赏。非常感谢。