WebView视频全屏

集成了腾讯浏览服务X5内核了,发现手机没有装微信\QQ这些,且没有wifi的时候,无法自动加载内核。所以腾讯浏览服务SDK就会切换到系统内核(无需自己处理)。系统的webview就有很多问题了,例如视频全屏、最小化需要自己实现。

这是腾讯浏览服务SDK的方法:

 mWebView.setWebChromeClient(new WebChromeClient(){
         /**
         * 视频全屏调用此函数
         * @param view
         * @param customViewCallback
         */
        @Override
        public void onShowCustomView(View view, int i, IX5WebChromeClient.CustomViewCallback customViewCallback) {
            super.onShowCustomView(view, i, customViewCallback);
            setFullScreen(view,customViewCallback);
          }
        /**
         * 视频全屏调用此函数
         * @param view
         * @param customViewCallback
         */
        @Override
        public void onShowCustomView(View view, IX5WebChromeClient.CustomViewCallback customViewCallback) {
            super.onShowCustomView(view, customViewCallback);
            setFullScreen(view,customViewCallback);
        }
        /**
          *退出全屏调用此函数
         **/
          @Override
        public void onHideCustomView() {
              super.onHideCustomView();
         }  
  });

这是webview自己的方法:

   mWebView.setWebChromeClient(new WebChromeClient(){
 /**
     * 点击全屏
     * @param view
     * @param callback
     */
    @Override
    public void onShowCustomView(View view, CustomViewCallback callback) {
        super.onShowCustomView(view, callback);
    }
    /**
     * 点击全屏
     * @param view
     * @param requestedOrientation
     * @param callback
     */
    @Override
    public void onShowCustomView(View view, int requestedOrientation, CustomViewCallback callback) {
        super.onShowCustomView(view, requestedOrientation, callback);
    }

    /**
     * 取消全屏
     */
    @Override
    public void onHideCustomView() {
        super.onHideCustomView();
    }
});

两种的方法没有什么差异,有X5内核就会使用X5的,没有就使用系统的。
实现视频全屏的方式都是一样

内容简单,直接贴代码
WebViewActivity.java
退出全屏onHideCustomView()的时候,videoLayout一定不要removeView(),会导致无法在WebView弹虚拟键盘,原因未知。
只能在全屏的时候判断videoLayout是否存在有子view,有就清空。

    import android.app.Activity;
    import android.content.pm.ActivityInfo;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.View;
    import android.view.WindowManager;
    import android.webkit.WebChromeClient;
    import android.webkit.WebResourceRequest;
    import android.webkit.WebSettings;
    import android.webkit.WebView;
    import android.webkit.WebViewClient;
    import android.widget.FrameLayout;

public class WebViewActivity extends AppCompatActivity {
WebView mWebView;

private View nVideoView = null;
private WebChromeClient.CustomViewCallback callback;
private FrameLayout videoLayout;//视频全屏

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_web_view);
    initView();
}

private void initView() {
    videoLayout = findViewById(R.id.video_layout);
    mWebView=findViewById(R.id.webview);
    WebSettings settings = mWebView.getSettings();
    settings.setJavaScriptEnabled(true);
    settings.setJavaScriptCanOpenWindowsAutomatically(true);
    settings.setPluginState(WebSettings.PluginState.ON);
    //settings.setPluginsEnabled(true);
    settings.setAllowFileAccess(true);
    settings.setLoadWithOverviewMode(true);
    settings.setUseWideViewPort(true);
    settings.setCacheMode(WebSettings.LOAD_NO_CACHE);
    mWebView.setWebViewClient(new WebViewClient(){
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
            view.loadUrl(view.getUrl());
            return super.shouldOverrideUrlLoading(view, request);
        }
    });
    mWebView.setWebChromeClient(new CustomWebViewChromeClient());

    mWebView.loadUrl("http://www.pearvideo.com/video_1384268");

}

class CustomWebViewChromeClient extends WebChromeClient{

    /**
     * 点击全屏
     * @param view
     * @param callback
     */
    @Override
    public void onShowCustomView(View view, CustomViewCallback callback) {
        super.onShowCustomView(view, callback);
        setFullScreen(view,callback);
    }
    /**
     * 点击全屏
     * @param view
     * @param requestedOrientation
     * @param callback
     */
    @Override
    public void onShowCustomView(View view, int requestedOrientation, CustomViewCallback callback) {
        super.onShowCustomView(view, requestedOrientation, callback);
        setFullScreen(view,callback);
    }

    /**
     * 取消全屏
     */
    @Override
    public void onHideCustomView() {
        super.onHideCustomView();
        if (nVideoView == null) {
            return;
        }
        try {
            callback.onCustomViewHidden();
        } catch (Exception e) {
        }
        nVideoView.setVisibility(View.GONE);
        //如果在这里remove子view,会导致WebView无法弹出虚拟键盘。removeAllViews和removeView()都试过了,找了半天。原因未知
//            videoLayout.removeAllViews();
  //            videoLayout.removeView(nVideoView);
        nVideoView = null;
        videoLayout.setVisibility(View.GONE);
        // 设置竖屏
       setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);

        // 取消全屏
        final WindowManager.LayoutParams attrs =getWindow().getAttributes();
        attrs.flags &= (~WindowManager.LayoutParams.FLAG_FULLSCREEN);
        getWindow().setAttributes(attrs);
       getWindow().clearFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
    }
}

/**
 * 设置全屏
 * @param view
 * @param customViewCallback
 */
private void setFullScreen(View view, WebChromeClient.CustomViewCallback customViewCallback){
    if (nVideoView != null) {
        customViewCallback.onCustomViewHidden();
        return;
    }
    nVideoView = view;
    nVideoView.setVisibility(View.VISIBLE);
    callback = customViewCallback;
    //退出全屏的时候无法remove,会导致WebView无法弹虚拟键盘,只能在设置全屏的时候清空之前add的
    if(videoLayout.getChildCount()>0){
        videoLayout.removeAllViews();
    }
    videoLayout.addView(nVideoView);
    videoLayout.setVisibility(View.VISIBLE);
    videoLayout.bringToFront();
    //设置横屏
    setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
    //设置全屏
    getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
}
}

布局 :activity_web_view.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".WebViewActivity">

<WebView
    android:id="@+id/webview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

</WebView>
<FrameLayout
    android:id="@+id/video_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:visibility="gone"
    >  
</FrameLayout>
</android.support.constraint.ConstraintLayout>

清单文件:AndroidManifest.xml
需要设置切换横竖屏不会重新加载Activity
android:configChanges="orientation|keyboardHidden|screenSize"

 <activity
        android:name=".WebViewActivity"
        android:configChanges="orientation|keyboardHidden|screenSize"
        android:label="@string/app_name"
        android:theme="@style/AppTheme.NoActionBar"/>
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,976评论 6 513
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,249评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 167,449评论 0 360
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,433评论 1 296
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,460评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,132评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,721评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,641评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,180评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,267评论 3 339
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,408评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,076评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,767评论 3 332
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,255评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,386评论 1 271
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,764评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,413评论 2 358

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明先生_X自主阅读 15,985评论 3 119
  • 最基础的使用方法 最简单的布局: 在Activity中使用WebView: 但只是这样的话,在模拟器上是会直接调到...
    HolenZhou阅读 7,803评论 12 33
  • 吸烟很酷吗? 一点儿都不酷。 吸烟很牛B吗? 一点儿都不牛B。 吸烟很二吗? 确实很二。 为什么呢? 明知吸烟有害...
    Albert_Bruce阅读 94评论 0 1
  • 南方还没有回过神,独自一人躺在寝室的小床上,明亮的月光透过洁白的窗帘撒满她红润的脸庞,那个宽厚的男人,那张她痴迷的...
    我就是林夕阅读 194评论 0 0
  • 当使用较新的SAS卡来安装Linux系统时,经常会遇到在系统安装界面读不到RAID的情况,这时就需要考虑Linu...
    东岸西界阅读 5,686评论 0 0