如何在android phonegap中使用html5 videoplayer播放视频?

时间:2012-03-14 13:12:59

标签: html5 cordova html5-video

我在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="{}">
            <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> 

此代码显示视频播放器。但点击播放按钮时视频无法播放。有什么不对?

请指导我。 提前谢谢。

5 个答案:

答案 0 :(得分:4)

Android在播放视频方面存在问题,通常只能通过向视频元素添加点击事件处理程序并在激活后播放视频来通过JavaScript触发。

例如:

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

您可能需要调整此代码才能与您合作。

答案 1 :(得分:1)

一切都立刻为我工作。我正在使用iOS模拟器。

确保您设置了转到该网址的权限。

Cordova.plist --> externalhosts

您可以使用通配符将多个网址覆盖为一个。

答案 2 :(得分:0)

尝试添加:

data-setup='{"controls":true}'

答案 3 :(得分:0)

将以下内容添加到您的主要活动

@Override
public void init() {
    super.init();

    this.appView.getSettings().setPluginsEnabled(true);
}

答案 4 :(得分:0)

我们无法在Android中播放视频。它在iphone中运行良好。尝试使用插件来达到目的。 看一下这个 VideoPlayer Plugin