// 全屏的时候调用
@Override
public void onShowCustomView(View view, CustomViewCallback callback) {
super.onShowCustomView(view, callback);
}
// 切换为竖屏的时候调用
@Override
public void onHideCustomView() {
super.onHideCustomView();
}
}
写到这里全屏按钮就已经显示出来了。当然,我们我们还要设置一下WebView 的相关属性
/** * 设置webView 相关属性 * / private void initWebView() { webview = (WebView) /*
- 设置webView 相关属性
- */
private void initWebView() {
webview = (WebView) findViewById(R.id.webview);
webview.getSettings().setJavaScriptEnabled(true);// 设置支持javascript脚本
webview.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);//设置webview缓存模式
webview.setVerticalScrollBarEnabled(false); // 取消Vertical ScrollBar显示
webview.setHorizontalScrollBarEnabled(false); // 取消Horizontal ScrollBar显示
//设置自适应屏幕,两者合用
webview.getSettings().setUseWideViewPort(true);
webview.getSettings().setLoadWithOverviewMode(true);
webview.getSettings().setAllowFileAccess(true);// 允许访问文件
webview.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NORMAL);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
webview.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}
webview.setFocusable(false); // 去掉超链接的外边框
webview.getSettings().setDefaultTextEncodingName(“GBK”);//设置文本编码(根据页面要求设置: utf-8)
webview.setWebChromeClient(new MyWebChromeClient());
}
然后看一下效果:
问题2:设置全屏后,视频不能播放
全屏按钮出来后,点击全屏,会调用 onShowCustomView() 方法。我们在这个方法中设置横屏的方法,即可实现全屏
//设置横屏
setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
但是我设置后,发现无法播放视频,只显示一个黑页面
查了下相关资料后,发现
public void onShowCustomView(View view, CustomViewCallback callback)
这个方法,在设置全屏后 会在参数 view 上显示播放的视频。所以,当设置全屏后,需要让这个view显示到最前方。
解决:我们可以在布局文件中,添加一个和webview 同级的 Framlaoyout ,用来存放这个视图
xml 文件:
<?xml version="1.0" encoding="UTF-8"?>WebChromeClient 具体实现
public class HelpActivity extends TitleBarActivity {
private WebView webview = null;
// h5 地址
private String reurl = “”;
// 用来显示视频的布局
private FrameLayout mLayout;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.webview);
mLayout = (FrameLayout) findViewById(R.id.fl_video);
webview = (WebView) findViewById(R.id.webview);
inieWebView();
}
/**
- 设置webView 相关属性
*/
private void initWebView() {
WebSettings setting= webview.getSettings();
setting.setJavaScriptEnabled(true);// 设置支持javascript脚本
setting.setCacheMode(WebSettings.LOAD_NO_CACHE);//设置缓存模式
webview.setVerticalScrollBarEnabled(false); // 取消Vertical ScrollBar显示
webview.setHorizontalScrollBarEnabled(false); // 取消Horizontal ScrollBar显示
//设置自适应屏幕,两者合用
setting.setUseWideViewPort(true);
setting.setLoadWithOverviewMode(true);
setting.setAllowFileAccess(true);// 允许访问文件
setting.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NORMAL);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
setting.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}
webview.setFocusable(false); // 去掉超链接的外边框
setting.setDefaultTextEncodingName(“GBK”);//设置文本编码(根据页面要求设置)
webview.setWebChromeClient(new MyWebChromeClient());
}
private class MyWebChromeClient extends WebChromeClient {
private CustomViewCallback mCustomViewCallback;
// 横屏时,显示视频的view
private View mCustomView;
// 点击全屏按钮时,调用的方法
@Override
public void onShowCustomView(View view, CustomViewCallback callback) {
super.onShowCustomView(view, callback);
//如果view 已经存在,则隐藏
if (mCustomView != null) {
callback.onCustomViewHidden();
return;
}
mCustomView = view;
mCustomView.setVisibility(View.VISIBLE);
mCustomViewCallback = callback;
mLayout.addView(mCustomView);
mLayout.setVisibility(View.VISIBLE);
mLayout.bringToFront();
//设置横屏
setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
}
// 取消全屏调用的方法
@Override
public void onHideCustomView() {
super.onHideCustomView();
if (mCustomView == null) {
return;
}
【附】相关架构及资料
源码、笔记、视频。高级UI、性能优化、架构师课程、NDK、混合式开发(ReactNative+Weex)微信小程序、Flutter全方面的Android进阶实践技术,和技术大牛一起讨论交流解决问题。
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
真正的技术提升。**
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!