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

html5 video tag not working in android phonegap

本文关键字：phonegap 不起作用 android 视频 标签 html5      更新时间：2023-09-26

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

这个代码显示视频播放器。但是在点击播放按钮时视频没有播放。怎么了？请引导我。提前谢谢。

除了ghostCoder下面所说的（添加一个点击处理程序来播放您需要为Android做的视频）之外，还可以尝试删除type='video/mp4'，因为这有时会混淆Android。

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

将android:hardwareAccelerated="true"添加为活动清单文件中的子项。它在没有任何变通方法的情况下在网络视图中播放html5视频。

例如

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

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

如果是这样的话，一个变通办法是使用3GP格式的视频。这应该适用于Android SDK模拟器，以及硬件较弱的旧版Android手机。我在我的一个项目中用过这个。

尝试类似的东西

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

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

相关文章：