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

Posted

技术标签:

【中文标题】如何在 android phonegap 中使用 html5 videoplayer 播放视频?【英文标题】:how to play video using html5 videoplayer in android phonegap? 【发布时间】: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"   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> 

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

请指导我。 提前致谢。

【问题讨论】:

【参考方案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

【讨论】:

以上是关于如何在 android phonegap 中使用 html5 videoplayer 播放视频?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Android 中使用 Phonegap 拨打自定义电话号码?

如何使用android studio在phonegap中添加facebook登录

如何使用 Gradle 构建系统让 PhoneGap 项目在 Android Studio 中运行

如何使用phonegap检测android中的来电号码

如何使用 phonegap(Android 和 iOS)创建自定义拨号器

使用phonegap在android模拟器中调试javascript