WebView 实现全屏播放视频的示例代码
2018-09-27 08:33
786 查看
最近要支持一个视频挑战的活动,要求 WebView 能全屏播放视频,现在把 Android 端实现的方法分享给大家。
要实现全屏需要给 WebView 设置 WebChromeClient 并覆写 onShowCustomView 和 onHideCustomView() 两方法:
webView.setWebChromeClient(new WebChromeClient() { @Override public void onShowCustomView(View view, CustomViewCallback callback) { // 此处的 view 就是全屏的视频播放界面,需要把它添加到我们的界面上 } @Override public void onHideCustomView() { // 退出全屏播放,我们要把之前添加到界面上的视频播放界面移除 } });
为了实现全屏的效果,需要将视频界面添加我们界面的最上层,有两种方式,一种是添加到 ContentView 中,核心代码如下:
contentParentView = findViewById(android.R.id.content); webView.setWebChromeClient(new WebChromeClient() { @Override public void onShowCustomView(View view, CustomViewCallback callback) { contentParentView.addView(view); } @Override public void onHideCustomView() { contentParentView.removeView(fullScreenView); } });
另一种是添加到 WindowManager 中,完整代码如下:
public class WebActivity extends AppCompatActivity { ... private WindowManager windowManager; private View fullScreenView = null; @Override protected void onResume() { super.onResume(); // 如果之前处于全屏状态,重新进入后需要再次调用全屏 if (fullScreenView != null) fullScreen(fullScreenView); } @Override public void onBackPressed() { // 全屏状态点击返回退出全屏 if (fullScreenView != null) { windowManager.removeViewImmediate(fullScreenView); fullScreenView = null; } else { super.onBackPressed(); } } @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_webview); windowManager = getWindowManager(); webView.setWebChromeClient(new WebChromeClient() { @Override public void onShowCustomView(View view, CustomViewCallback callback) { // 此处的 view 就是全屏的视频播放界面,需要把它添加到我们的界面上 windowManager.addView(view, new WindowManager.LayoutParams(WindowManager.LayoutParams.TYPE_APPLICATION)); // 去除状态栏和导航按钮 fullScreen(view); fullScreenView = view; } @Override public void onHideCustomView() { // 退出全屏播放,我们要把之前添加到界面上的视频播放界面移除 windowManager.removeViewImmediate(fullScreenView); fullScreenView = null; } }); } private void fullScreen(View view) { if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { view.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LOW_PROFILE | View.SYSTEM_UI_FLAG_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION); } else { view.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LOW_PROFILE | View.SYSTEM_UI_FLAG_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION); } } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- WebView 细节,onShowCustomView与JS注入来实现视频全屏播放
- Android webview实现h5视频全屏播放兼容Android7.0,自己添加webview库兼容全部版本
- android WebView实现播放网络视频以及全屏显示
- webview 加载h5页面,播放视频+全屏,实现简单封装
- Android如何让WebView中的HTML5页面实现视频全屏播放
- WebView播放html5视频和全屏。
- 菜鸟学android——webview播放网络视频,由竖屏转换为横屏全屏播放
- Android WebView播放视频(包括全屏播放)
- 控制webview使用html5的video播放视频不全屏(inline)的方法
- Android自定义WebView实现Youtube网络视频播放控件
- [转]Android WebView播放视频(包括全屏播放),androidwebview
- Android使用WebView全屏播放网页视频
- Android webview加载html5网络视频全屏播放
- webview加载网页与全屏播放视频?
- 关于Android中使用WebView播放网络视频不能全屏的问题
- android 4.0以上WebView不能全屏播放视频的解决办法
- Android中SurfaceView视频播放实现代码
- 开启全屏视频播放,全屏开启ie浏览器的C++代码实现
- WebView全屏播放h5视频
- 安卓WebView中全屏播放网页视频