html5视频标签在android phonegap中不起作用答案

【问题标题】：html5 video tag not working in android phonegaphtml5视频标签在android phonegap中不起作用
【发布时间】：2012-03-15 08:56:58
【问题描述】：

我在 android phonegap 中创建了应用程序。我想使用 html5 视频播放器播放视频。我的代码是：

<!DOCTYPE html>
<html>
    <head>
      <title>Video.js | HTML5 Video Player</title>
      <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet" type="text/css"> 
      <script src="http://vjs.zencdn.net/c/video.js"></script>
    </head>
    <body>
      <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" data-setup='{"controls":true}'>
        <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
        <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
        <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
      </video>
    </body>
</html>

这段代码显示了视频播放器。但是点击播放按钮时视频没有播放。这是怎么回事？请指导我。提前致谢。

【问题讨论】：

broken-links.com/2010/07/08/…
见stackoverflow.com/questions/9094848/…
我使用这个链接 videojs.com 在 android phonegap 中创建视频播放器。视频播放器创建成功。但视频没有播放。它在浏览器中工作正常，但在模拟器中不行。如何解决这个问题。请指导我。很紧急。提前谢谢。我想用那个播放器播放 youtube 视频

标签： javascript jquery html cordova

【解决方案1】：

除了 ghostCoder 下面所说的（添加点击处理程序来播放您需要为 Android 执行的视频），还可以尝试删除 type='video/mp4'，因为这有时会使 Android 感到困惑。

【讨论】：

【解决方案2】：

当你在 phonegap 应用中使用 Video 标签播放视频时，它在 iphone 上运行良好，但在 android 上运行不佳。

【讨论】：

您在上面链接的存储库已被弃用。这个插件与 HTML5 标签有何不同？

【解决方案3】：

在您的活动清单文件中添加 android:hardwareAccelerated="true" 作为子项。它在 webviews 中播放 html5 视频，没有任何解决方法。

例如

<activity
    android:name="com.example.MainActivity"
    android:hardwareAccelerated="true"
    android:configChanges="keyboardHidden|orientation|screenSize" >
    ...
</activity>

【讨论】：

【解决方案4】：

你说它在模拟器上不起作用，对吧？你不认为视频没有被复制主要是因为在 Android SDK 模拟器上你可能没有任何硬件加速吗？如果您没有硬件加速和足够强大的设备，则有些事情无法正常工作（有时根本无法工作）。

如果是这种情况，解决方法是使用 3GP 格式的视频。这应该适用于 Android SDK 模拟器，以及硬件较弱的旧 Android 手机。我在我的一个项目中使用了它。

【讨论】：

【解决方案5】：

试试这样的

var video = document.getElementById('video');
video.addEventListener('click',function(){
  video.play();
},false);

【讨论】：

【解决方案6】：

您确定 MP4 的视频流是“H.264”且音频流 ID 是“AAC”吗？因为我猜Android支持MP4

【讨论】：

感谢您的回复。我想在Android phonegap下使用html5视频播放器播放您的视频
伙计，我没有用于测试和 RND 的 Android，但我真的对你的问题很感兴趣。从您的视频标签中删除 OGV 后，您可以测试一下吗？只用 MP4 测试一次或尝试banzodesign.com/angela/reel.html 这是我在 HTML5 视频之前实现的网站。您可以在 javascript 中找到代码。如果您仍然没有找到任何解决方案，请告诉我，我明天会找到的。
@Tarun 我有同样的问题。无法在 android 中玩