当前时间:Saturday 2016年12月03日 欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

当前位置: 首页 >> phonegap开发 >> 正文

phonegap-Video-InAndroid视频播放功能

对于html5video功能大家其实都了解

在phonegap的环境下ios对video的支持还是比较好的。

但是android支持不好。

但是随着android的api不断升级video也可以很好的实现了。

 

首先html代码:

<video id=”my_video_1″ onClick=”OnPlay(this);” width=”350″ height=”150″ poster=”http://v.nhgd.net.cn:8888/jpg/20130517085743.jpg” controls >
<source type=”video/mp4″ src=”http://phone.breadth.cn/video/qixi.mp4″ >
</video>
<video id=”my_video_1″ onClick=”OnPlay(this);” width=”350″ height=”150″ poster=”http://v.nhgd.net.cn:8888/jpg/20130523101755.jpg” controls>
<source type=”video/mp4″ src=”http://v.nhgd.net.cn:8888/mp4/20130523101755.mp4″ >
</video>

 

js:

function OnPlay(myvideo)
{

if(myvideo.paused)
{
myvideo.play();
//this.load();
}else{
myvideo.pause();
}
}

 

下来就是对andriod程序的调整:

 

主要是对:AndroidManifest.xml 添加

android:hardwareAccelerated=”true”

首先是头部

<manifest xmlns:android=”http://schemas.android.com/apk/res/android”
package=”com.breadth.pgtest”
android:versionCode=”1″
android:versionName=”1.0″
android:hardwareAccelerated=”true”>

 

其实是application:

 

<application
android:allowBackup=”true”
android:icon=”@drawable/ic_launcher”
android:label=”@string/app_name”
android:theme=”@style/AppTheme”
android:hardwareAccelerated=”true”
android:debuggable=”true” >

 

当然你的sdk包最好是4.2之上的。

这样就可以在phonega的app应用里面播放视频了。

演示demo下载:

HTML5VideoInAndroidWebViewExample-loadRemoteFileFromHTTP

 

另外附上另个phonegap下面的视频播放插件:

https://github.com/mllrsohn/phonegap-videodialog

作者:夜阑小雨
原文链接:phonegap-Video-InAndroid视频播放功能
夜阑小雨版权所有,转载本网站文章时请保留此信息。

收藏和分享: 转贴到开心网 转贴到校内网 分享到 Twitter Delicious 分享到 Google Reader 分享到 百度收藏 分享到 QQ收藏

所在分类:phonegap开发

评论信息

0 条评论 发表评论

发布评论

您必须登录才能发表评论。

网站客户端下载