2013-02-08 58 views
3

我在资源文件夹中加载html页面到android webview,html页面有视频。但视频不玩,在这里我分享代码。视频不能在android webview中播放

<!doctype html> 
    <head> 
    <title></title> 
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> 
    <script type="text/javascript" charset="utf-8" src="video.js"></script> 
    <script> 
    function en(){ 
video1.play(); 
    } 
    </script> 
    </head> 
    <body> 
    <div id="t2" width ="1024" height="768" style="background-  image:url(images/L6_P007.jpg); background-repeat:no-repeat;"> 
    <video id="video1" width="1024" height="768" poster="images/L6_P007.jpg" controls autoplay onended="en();" > 
    <source src="videos/L6_P007.mp4" type="video/mp4"> 
    <source src="videos/L6_P007.ogv" type="video/ogg"> 
    <source src="videos/L6_P007.webm" type="video/webm"> 

    </video> 
    </div> 
    </body> 
    </html> 

这是我的Java代码

WebView webview = (WebView) findViewById(R.id.webView1); 
webview.getSettings().setJavaScriptEnabled(true); 
webview.setWebViewClient(new WebViewClient()); 
webview.getSettings().setPluginState(WebSettings.PluginState.ON_DEMAND); 
    webview.loadUrl("file:///android_asset/videosamp/videosamp.html"); 
+0

http://www.broken-links.com/2010/07/08/making-html5-video-work-on-android-phones/ – MKJParekh

+0

@Deepa您是否找到解决方案?如果是,请分享给我。提前致谢。 – Ashini

回答

2

这个问题上的SO讨论过很多次。请检查类似问题的答案here 获取 VideoPlayer Plugin for android here.

视频播放器允许您显示PhoneGap应用程序中的视频。

此命令触发一个意图让您的设备视频播放器显示视频。

将插件添加到您的项目 使用此插件需要Android PhoneGap。

要安装插件,请将www/video移动到您项目的www文件夹中,并在phonegap.js后在html文件中包含对它的引用。

您的项目称为 “SRC/COM/PhoneGap的/插件/视频” 中创建一个目录和移动VideoPlayer.java进去。

在你res/xml/plugins.xml文件中添加以下行:

<plugin name="VideoPlayer" value="com.phonegap.plugins.video.VideoPlayer"/> 

使用插件 插件创建对象window.plugins.videoPlayer。要使用,请调用play()方法:

/** *显示播放视频的意图。 * *参数的URL打 */ 播放(URL) 样品使用的网址:

window.plugins.videoPlayer.play("http://path.to.my/video.mp4"); 
window.plugins.videoPlayer.play("file:///path/to/my/video.mp4"); 
window.plugins.videoPlayer.play("file:///android_asset/www/path/to/my/video.mp4"); 
window.plugins.videoPlayer.play("https://www.youtube.com/watch?v=en_sVVjWFKk"); 

注:当播放从资产文件夹中的视频,该视频首先复制到内部存储与MODE_WORLD_READABLE。

+0

我编辑我的问题,你可以分享如何使用插件加载HTML网页在Android的webview – Deepa

+0

做到了,如果我的答案帮助,然后不忘记upvote /接受它 – Neji

+0

我必须加载在web浏览器中的HTML页面,而不是在vidoe查看 – Deepa