Question

我在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>

此代码显示视频播放器。但是单击播放按钮时视频不播放。有什么问题？请指导我。提前谢谢。

Answer 1

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

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

Answer 2

当您使用视频标签在phonegap应用中播放视频时，它在iPhone上运行良好但在Android上运行不正确。

Answer 3

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

Answer 4

在活动清单文件中添加 android：hardwareAccelerated =“true”作为子项。它在webview中播放html5视频，没有任何解决方法。

例如

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

Answer 5

尝试这样的事情

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

Answer 6

您确定视频流是'H.264'，音频流ID是'AAC'，适用于MP4。因为我猜Android支持MP4

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

6 个答案: