欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

phonegap-Video-InAndroid视频播放功能

phonegap开发 夜阑小雨 1605℃ 0评论

对于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视频播放功能

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址