如何在 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 中运行