WebView 实现全屏播放视频的示例代码

 更新时间:2018年09月27日 08:33:47   作者:fengmlo  
这篇文章主要介绍了WebView 实现全屏播放视频的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

最近要支持一个视频挑战的活动,要求 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);
    }
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android使用ViewStub实现布局优化方法示例

    Android使用ViewStub实现布局优化方法示例

    这篇文章主要为大家介绍了Android使用ViewStub实现布局优化方法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • Android实现注册界面

    Android实现注册界面

    这篇文章主要为大家详细介绍了Android实现注册界面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Android自定义控件之圆形进度条动画

    Android自定义控件之圆形进度条动画

    这篇文章主要为大家详细介绍了Android自定义控件之圆形进度条动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07
  • Android实现读取NFC卡的编号

    Android实现读取NFC卡的编号

    这篇文章主要为大家详细介绍了Android实现读取NFC卡的编号,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Flutter利用Hero组件实现自定义路径效果的动画

    Flutter利用Hero组件实现自定义路径效果的动画

    本篇介绍了如何利用Hero动画组件的createRectTween属性实现自定义路径效果的动画。文中的示例代码讲解详细,感兴趣的可以了解一下
    2022-06-06
  • Android 调用notifyDataSetChanged方法失败解决办法

    Android 调用notifyDataSetChanged方法失败解决办法

    这篇文章主要介绍了Android 调用notifyDataSetChanged方法失败解决办法的相关资料,需要的朋友可以参考下
    2017-07-07
  • Android studio 如何删除项目 module

    Android studio 如何删除项目 module

    本篇文章主要介绍了Android studio 如何删除项目module的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • 分享Android 蓝牙4.0(ble)开发的解决方案

    分享Android 蓝牙4.0(ble)开发的解决方案

    这篇文章主要为大家分享了Android 蓝牙4.0(ble)开发的解决方案,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 解析Kotlin JSON格式

    解析Kotlin JSON格式

    这篇文章主要介绍了Kotlin JSON格式解析,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-03-03
  • Android Canvas drawText文字居中的一些事(图解)

    Android Canvas drawText文字居中的一些事(图解)

    这篇文章主要给大家介绍了关于Android Canvas drawText文字居中的一些事,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-12-12

最新评论