网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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

最近要支持一个视频挑战的活动,要求 WebView 能全屏播放视频,现在把 Android 端实现的方法分享给大家。

专注于为中小企业提供网站设计制作、网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业荔波免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上1000家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

要实现全屏需要给 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实现全屏播放视频的示例代码
本文路径:http://bjjierui.cn/article/peoiic.html

其他资讯