概述
- 简单说下需求，做的应用是内嵌了h5页面，功能是h5使用Video标签，使用本地摄像头，拍照上传，现在测试发现两个问题，第一个是点击之后没有响应，第二个是默认Video标签位置，是一张播放按钮图片，主要是解决两个问题。
The First Question
- 一开始猜测也是权限问题，网上一顿搜索，找到相关解决方案，Webview中申请使用摄像头等权限，需要额外申请相关权限，重写Webview授权方法，我这边处理是直接授权了。
mWebView.setWebChromeClient(new WebChromeClient() {
...
@Override
public void onPermissionRequest(PermissionRequest request) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
request.grant(request.getResources());
}
}
...
}
- 重新测试点击h5拍照页面，发现可以拍照了，然后了解了下除了视频录制权限，还有其他三个权限。
The Second Question
-
这个问题找了半天，最开始猜测是WebviewSetting设置的改下就好了，实际试了很多方法并且搜了很多资料，都不行，后面搜到stackoverflow中类似问题，可以重写WebChromeClient的getDefaultVideoPoster方法，并且在掘金搜到海报属性解读，这个问题，可以从前端或者原生去解决。
-
原生解决的话重写getDefaultVideoPoster方法
@Override
public Bitmap getDefaultVideoPoster() {
return Bitmap.createBitmap(10, 10, Bitmap.Config.ARGB_8888);
}
- 前端页面上解决的话,vido属性增加poster属性的值
poster="https://via.placeholder.com/1x1" or poster="noposter"
注意，空值将会被忽略 poster=""，所以赋值为空字符串是没有用的。
视频加载中 视频加载完但未触发播放 视频播放完毕
