如何在 android phonegap 中使用 html5 videoplayer 播放视频？答案

【问题标题】：how to play video using html5 videoplayer in android phonegap?如何在 android phonegap 中使用 html5 videoplayer 播放视频？
【发布时间】：2012-03-30 22:55:32
【问题描述】：

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

这段代码显示了视频播放器。但是点击播放按钮时视频没有播放。这是怎么回事？

请指导我。提前致谢。

【问题讨论】：

标签： html cordova html5-video

【解决方案1】：

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

例如：

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

您可能需要修改此代码以与您的代码一起使用。

【讨论】：

【解决方案2】：

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

确保您设置了访问该 URL 的权限。

Cordova.plist --> externalhosts

您可以使用通配符将多个 URL 合并为一个。

【讨论】：

【解决方案3】：

尝试添加这个：

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

【讨论】：

感谢您的回复。我已使用此“数据设置”但无法播放视频。请帮助我。如何在android phonegap中使用html5视频标签播放视频。请指导我。谢谢。
在我的登录中我收到此错误：ERROR/ActivityThread(212): Failed to find provider info for com.android.calendar.and ERROR/MediaPlayerService(34): Couldn't open fd for content://settings/system/notification_sound 和 WARN/NotificationService(66): java.io.IOException: setDataSource failed.: status=0x80000000.请帮助我提前谢谢

【解决方案4】：

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

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

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

【讨论】：

感谢您的回复。我已在我的主要活动中添加了此代码。但是单击播放按钮时不会播放视频。请指导我如何使用 html5 视频标签在 android phonegap 中播放视频。谢谢提前
您的 HTML 看起来不错。我有视频使用非常相似的 HTML 和上面的代码来启用插件。如果不实际使用应用程序并查看正在发生的事情，将很难提供进一步的帮助。

【解决方案5】：

我们无法在 android 中播放视频。虽然它在 iphone 中运行良好。尝试为此目的使用插件。看一下这个 VideoPlayer Plugin

【讨论】：