Android webview+Html5 video

最新推荐文章于 2021-06-28 16:34:29 发布
最新推荐文章于 2021-06-28 16:34:29 发布
阅读量1.9k 收藏
点赞数
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huangjideok/article/details/8900640
版权

1.网页代码，就一个video 控件：

 
<!DOCTYPE html>
 
<html>
<head>
<title>HTML5视频播放器: http://218.206.204.71/app/public/media/BHSJ.mp4</title>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery.min.js"></script>
<style>
body { 
margin: 0; 
padding: 0; 
background: #222; 
-webkit-overflow: hidden; 
overflow: hidden; 
}
#sdupPlayer {
width: 100%;
}
</style>
</head>
<body> 
<video id="sdupPlayer" controls>
<source src="http://218.206.204.71/app/public/media/BHSJ.mp4" type="video/mp4"/>
</video>
<script> 
var autoResize = function() {
var clientHeight = document.documentElement.clientHeight;
$("#sdupPlayer").css("height", clientHeight + "px");
};

$(document).ready(function() { autoResize(); });
$(window).resize(function() { autoResize(); });

var playVideo = function() {
var player = $("#sdupPlayer")[0];
if (player) {
player.play();
}
};
</script>
</body>
</html>

2. android 客户端代码：

  注意点：

  a）.http://developer.android.com/reference/android/webkit/WebView.html  中 

HTML5 Video support   

In order to support inline HTML5 video in your application, you need to have hardware acceleration turned on, and set a  WebChromeClient . For full screen support, implementations of  onShowCustomView(View, WebChromeClient.CustomViewCallback)  and  onHideCustomView()  are required,  getVideoLoadingProgressView() is optional.

b).webSettings.setJavaScriptEnabled(true);
c).手机不支持html5 video 控件 或者点击全屏进入系统默认播放器播放视频
   mWebView.loadDataWithBaseURL(null, "", "text/html", "utf-8", null);  可实现从系统播放器中退出。
d).为实现自动播放:在 video 中添加  
<video controls="controls" autoplay="autoplay">
         是不行的，大多数的android 机器不支持。
而在 WebViewClient 的onPageFinished 或者 WebChromeClient 的onProgressChanged 方法中调用 view.loadUrl("javascript:playVideo()"); 来实现自动播放也是不行的（后者进度的100% 最后执行），因为这个时候webview 资源未加载完（个人理解），可以通过handler 延迟调用该任务（view.loadUrl("javascript:playVideo()");）。









huangjideok
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WebView和html5 的交互
huang_xiao_yu的博客
04-05 5459
最近项目中webview 和 html5做的交互比较多，由于不是很熟悉，难免会出现了一些bug。现在针对自己解决的这些bug,做个整理。方便日后学习和借鉴。 一. webview中的onReceivedTitle。 1.背景：我的项目是通过webview 加载url, 然后在url 中点击item项的时候，继续加载url。不同url 带有不同的标题，我们希望在点击item的时候，url标题能正
Android webview全屏播放HTML video
10-02
http://blog.csdn.net/zrzlj/article/details/8050633的样例代码，解压以后，用eclipse导入工程，将例子视频放在sdcard下面即可
WebView 视频全屏播放(基于Html5 video)
每一件自己觉得值得的事都要不留余力的去做
11-30 1069
参考：WebView 支持 Html5 video 进行全屏播放 主要方法： onShowCustomView() onHideCustomView() @Override //全屏时调用 public void onShowCustomView(View view, CustomViewCallback callback) { super.onShowCustomView(view, callback); Log.d(
webview+html5取代原生android界面
xiu__
03-14 294
     来到新的公司，为了降低iOS成本，用j2objc尽可能将java代码转为iOS代码，于是android的界面也换成html5，这样iOS也共用界面。当然初期总是很痛苦，各种用户体验很不好，慢慢改啊，适应屏幕，弹框，滚动条，兼容iOS，做出可以见人的模样。现在感觉原生的还是好，但html5前景好，以后是否取代？...
Android Webview 加载 H5Video
01-12
最近公司某项功能需要WebView加载H5的Video，搜索很多资料后发现很多问题，都是关键代码片段，因为每个项目每个人产生的问题不同，Video在webview中加载不出来原因很多，可能是客户端少了参数，也可能是前端出了问题，经过研究后对Android WebView 加载H5Video标签做此详解。 博客地址 http://blog.csdn.net/u014513456/article/details/54381361
html5+ webview
wlor的博客
10-10 3901
webview Webview模块管理应用窗口界面，实现多窗口的逻辑控制管理操作。通过plus.webview可获取应用界面管理对象。 方法： all: 获取所有Webview窗口 close: 关闭Webview窗口 create: 创建新的Webview窗口 currentWebview: 获取当前窗口的WebviewObject对象 getDisplayWebview: 获取屏幕所有可视的...
安卓WebView控件完美支持h5 的video标签
jiangdelinpku的博客
08-12 6837
最近遇到该问题，尝试了很多种方法都解决不了，最后在overstackflow上找到了该解决方法： webView.getSettings().setMediaPlaybackRequiresUserGesture(false);
android webview html5 video autoplay
11-02
当我们谈论“android webview html5 video autoplay”时，我们聚焦于一个特定的功能，即在Webview中自动播放HTML5视频。这个功能在很多应用场景下都非常有用，比如在新闻应用、教育软件或媒体平台中。 HTML5是现代...
Android编程使WebView支持HTML5 Video全屏播放的解决方法
09-03
在Android编程中，让WebView支持HTML5 Video全屏播放是一个常见的需求。HTML5的Video标签提供了在网页中嵌入视频的功能，但在Android的WebView中，要实现全屏播放需要进行一些特殊的配置和处理。以下是对这个问题的...
Android webview全屏播放HTML video视频.rar
07-10
Android webview全屏播放HTML video视频，单击播放后自动全屏显示，测试时的视频格式为mp4，其它通用格式未测试，自己改进吧。本播放功能在手机触屏后显示进度条，是一种比较流行的视频播放器操作形式，在Android中...
Android的webview播放H5的video视频内容
weixin_45319500的博客
12-31 967
添加了一行属性：webView.getSettings().setMediaPlaybackRequiresUserGesture(false); 设置自动播放
Android笔记：webView与HTML5交互方法总结
陈果的博客
03-20 1963
Android笔记 AndroidwebView与HTML5交互 JavaScript java 交互 电商平台
html5 webview,HTML5+学习历程之webview经典案例
weixin_39562615的博客
06-24 326
看了这么多app，其实基本布局使用的最多的无非两种，如下图：类似微信类似QQ在这里小编简单说下这两种布局简单的实现思路，当然如果你还有更好的方法，请在下面留言，让更多人知道你更好的方法！第一种，我是直接创建了四个页面，每个页面加载不同的url，点击下面导航的时候获取相应的webview并且显示，当然我这里不是简单的显示，而是有个左右滑动的效果，并且做了判断，如果原来是停留在首页，然后我点击后面的导...
Android WebView支持html5 video标签
chiaoting3186的博客
07-08 467
看到这个标题很兴奋了吧，但是内容肯定会让你失望。。。这先告诉结果了，我没在2.3上搞出什么名堂来。 起因是项目需要在android 2.3.*的版本上调用有video标签的页面，调研是否支持。百度，google一大堆，首先确定的是2.3以上是对html有支持的，3.0以上支持的比较好，...
Android WebView使用h5页面视频无法播放
wei844067872的博客
02-20 4241
WebSettings webseting = this.getSettings(); //webView 加载视频 if(Build.VERSION.SDK_INT &gt;= Build.VERSION_CODES.KITKAT){ if (Build.VERSION.SDK_INT &gt;= Build.VERSION_CODES.LOLLIPOP) { ...
WebView 支持 Html5 video 进行全屏播放
像风一样自由
12-05 6208
原文https://segmentfault.com/a/1190000007561455 用过WebView的开发者们肯定都知道这里面的坑数不胜数，加载缓慢，内存泄露，文件选择......没错，全屏播放视频，这又是一个大坑。一个没有修饰过的原生WebView几乎不可能在某一个主流视频网站实现全屏播放，倘若在客户端自己实现简单的播放器，链接拿过来，摆个VideoView，想怎么全屏怎么全屏，放在
android webview video标签,Android WebView支持html5 video标签
weixin_33212915的博客
05-26 634
看到这个标题很兴奋了吧，但是内容肯定会让你失望。。。这先告诉结果了，我没在2.3上搞出什么名堂来。起因是项目需要在android 2.3.*的版本上调用有video标签的页面，调研是否支持。百度，google一大堆，首先确定的是2.3以上是对html有支持的，3.0以上支持的比较好，2.3.*系列貌似问题比较多。支持依据可以看看以下两个网站：3.0以上版本webview对html5的支持也是默认关...
android webview 网易,如何用Android webview播放HTML5 video标签(转载) – 网易博客
weixin_39605414的博客
05-27 215
1.如何播放：近来工作要用Android的webview播放HTML5 video标签。做了下试验，用Android自带的Browser可以装载含有video标签的HTML5页面，而且能正常播放，但同样的网页用webview来加载就没法播放HTML5中的video。在网上查了许多资料，所查的资料可以参考我转载那些文章，经过无数次测试，终于成功了，做法如下：第一步当然是要先有个Webivew对象，是...
关于android中webview中页面加载video.js全屏视频后键盘唤不起的问题
qq_35841348的博客
06-28 671
自定义设置WebChromeClient 在webview的父容器acvitity或者fragment中自定义内部类WebChromeClient 重写其中的onShowCustomView（全屏时调用）和onHideCustomView（竖屏时调用）两个方法. /** * 全屏时调用 * * @param view * @param callback */ @Override public void onShowCustomView(View view, CustomViewCallbac
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值