Android 使用WebView 加载视频网站，无法播放及全屏播放的解决（四）

最新推荐文章于 2023-08-25 20:01:12 发布
最新推荐文章于 2023-08-25 20:01:12 发布
阅读量7.1k 收藏 1
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kenway090704/article/details/80975938
版权

在使用Webview 加载一个网页时，网页上的视频无法播放，想播放视频，只需要引入 TBS X5 内核即可，关于引入不多介绍，我前面的文章也有介绍接入，百度好多都写的很好。

当接入了X5 内核，我们使用com.tencent.smtt.sdk.WebView替换默认的WebView,用法几乎一样，但是这是腾讯微信和QQ 使用的浏览器内核，其中优化的很不错，很多原生的坑，也解决了。

Webview 的初始化

我使用的是 X5WebView 是自定义的继承自com.tencent.smtt.sdk.WebView，没有做什么操作，可以直接使用com.tencent.smtt.sdk.WebView

  private void init() {

        mWebView = new X5WebView(this, null);

        mViewParent.addView(mWebView, new FrameLayout.LayoutParams(
                FrameLayout.LayoutParams.FILL_PARENT,
                FrameLayout.LayoutParams.FILL_PARENT));
        WebSettings webSetting = mWebView.getSettings();
        webSetting.setAllowFileAccess(true);
        webSetting.setLayoutAlgorithm(LayoutAlgorithm.NARROW_COLUMNS);
        webSetting.setSupportZoom(true);
        webSetting.setBuiltInZoomControls(true);
        webSetting.setUseWideViewPort(true);
        webSetting.setSupportMultipleWindows(false);//这里一定得是false,不然打开的网页中，不能在点击打开了
        // webSetting.setLoadWithOverviewMode(true);
        webSetting.setAppCacheEnabled(true);
        // webSetting.setDatabaseEnabled(true);
        webSetting.setDomStorageEnabled(true);
        webSetting.setJavaScriptEnabled(true);
        webSetting.setGeolocationEnabled(true);
        webSetting.setAppCacheMaxSize(Long.MAX_VALUE);
        webSetting.setAppCachePath(this.getDir("appcache", 0).getPath());
        webSetting.setDatabasePath(this.getDir("databases", 0).getPath());
        webSetting.setGeolocationDatabasePath(this.getDir("geolocation", 0)
                .getPath());
        // webSetting.setPageCacheCapacity(IX5WebSettings.DEFAULT_CACHE_CAPACITY);
        webSetting.setPluginState(WebSettings.PluginState.ON_DEMAND);
        // webSetting.setRenderPriority(WebSettings.RenderPriority.HIGH);
        // webSetting.setPreFectch(true);
        long time = System.currentTimeMillis();
        mWebView.loadUrl(mIntentUrl.toString());
        CookieSyncManager.createInstance(this);
        CookieSyncManager.getInstance().sync();


        //这一段,尤其重要。对应的参数也都有介绍。可以修改。
        if (mWebView.getX5WebViewExtension() != null) {
            //开启X5全屏播放模式
            Bundle data = new Bundle();

            data.putBoolean("standardFullScreen", false);// true表示标准全屏，false表示X5全屏；不设置默认false，

            data.putBoolean("supportLiteWnd", true);// false：关闭小窗；true：开启小窗；不设置默认true，

            data.putInt("DefaultVideoScreen", 2);// 1：以页面内开始播放，2：以全屏开始播放；不设置默认：1

            mWebView.getX5WebViewExtension().invokeMiscMethod("setVideoParams",
                    data);
        }
    }

BrowserActivity


public class BrowserActivity extends CommonLoginActivity {
    /**
     * 作为一个浏览器的示例展示出来，采用android+web的模式
     */
    private X5WebView mWebView;
    private ViewGroup mViewParent;
    private ProgressBar mPageLoadingProgressBar = null;
    private String mIntentUrl;

    private boolean isFirstJoin = true;


    @Override
    public int addRootLayout() {

        getWindow().setFormat(PixelFormat.TRANSLUCENT);
        Intent intent = getIntent();
        if (intent != null) {
            try {
//              mIntentUrl = new URL(intent.getData().toString());
                mIntentUrl = intent.getStringExtra("url");
            } catch (NullPointerException e) {

            } catch (Exception e) {
            }
        }
        //
        try {
            if (Integer.parseInt(android.os.Build.VERSION.SDK) >= 11) {
                getWindow()
                        .setFlags(
                                android.view.WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED,
                                android.view.WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED);
            }
        } catch (Exception e) {
        }

        /*
         * getWindow().addFlags(
         * android.view.WindowManager.LayoutParams.FLAG_FULLSCREEN);
         */
        return R.layout.activity_web;
    }

    @Override
    public void initChildViews() {
        mViewParent = (ViewGroup) findViewById(R.id.acty_web_layout_content);
        mPageLoadingProgressBar = (ProgressBar) findViewById(R.id.web_pb);// new
        init();
    }


    @Override
    public void initData() {

    }

    @Override
    protected void initListener() {
        //获取渲染的的进度
        WebViewClient webViewClient = new WebViewClient() {
            @Override
            public void onPageFinished(com.tencent.smtt.sdk.WebView webView, String s) {
                //获取网页的标题
                if (isFirstJoin) {
                    String title = webView.getTitle();
                    commonTitleLayout.setTitleText(title);
                    isFirstJoin = !isFirstJoin;
                }

            }
        };

        WebChromeClient webChromeClient = new WebChromeClient() {
            @Override
            public void onProgressChanged(com.tencent.smtt.sdk.WebView webView, int newProgress) {
                if (newProgress == 100) {
                    mPageLoadingProgressBar.setVisibility(View.INVISIBLE);
                } else {
                    mPageLoadingProgressBar.setProgress(newProgress);
                }
            }
        };

//        mWebView.setWebChromeClient(webChromeClient);

        mWebView.setWebViewClient(webViewClient);
    }


    private void init() {

        mWebView = new X5WebView(this, null);

        mViewParent.addView(mWebView, new FrameLayout.LayoutParams(
                FrameLayout.LayoutParams.FILL_PARENT,
                FrameLayout.LayoutParams.FILL_PARENT));
        WebSettings webSetting = mWebView.getSettings();
        webSetting.setAllowFileAccess(true);
        webSetting.setLayoutAlgorithm(LayoutAlgorithm.NARROW_COLUMNS);
        webSetting.setSupportZoom(true);
        webSetting.setBuiltInZoomControls(true);
        webSetting.setUseWideViewPort(true);
        webSetting.setSupportMultipleWindows(false);//
        // webSetting.setLoadWithOverviewMode(true);
        webSetting.setAppCacheEnabled(true);
        // webSetting.setDatabaseEnabled(true);
        webSetting.setDomStorageEnabled(true);
        webSetting.setJavaScriptEnabled(true);
        webSetting.setGeolocationEnabled(true);
        webSetting.setAppCacheMaxSize(Long.MAX_VALUE);
        webSetting.setAppCachePath(this.getDir("appcache", 0).getPath());
        webSetting.setDatabasePath(this.getDir("databases", 0).getPath());
        webSetting.setGeolocationDatabasePath(this.getDir("geolocation", 0)
                .getPath());
        // webSetting.setPageCacheCapacity(IX5WebSettings.DEFAULT_CACHE_CAPACITY);
        webSetting.setPluginState(WebSettings.PluginState.ON_DEMAND);
        // webSetting.setRenderPriority(WebSettings.RenderPriority.HIGH);
        // webSetting.setPreFectch(true);
        long time = System.currentTimeMillis();
        mWebView.loadUrl(mIntentUrl.toString());
        CookieSyncManager.createInstance(this);
        CookieSyncManager.getInstance().sync();


        //这一段,尤其重要。
        if (mWebView.getX5WebViewExtension() != null) {
            //开启X5全屏播放模式
            Bundle data = new Bundle();

            data.putBoolean("standardFullScreen", false);// true表示标准全屏，false表示X5全屏；不设置默认false，

            data.putBoolean("supportLiteWnd", true);// false：关闭小窗；true：开启小窗；不设置默认true，

            data.putInt("DefaultVideoScreen", 2);// 1：以页面内开始播放，2：以全屏开始播放；不设置默认：1

            mWebView.getX5WebViewExtension().invokeMiscMethod("setVideoParams",
                    data);
        }
    }


    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {

        if (keyCode == KeyEvent.KEYCODE_BACK) {
            if (mWebView != null && mWebView.canGoBack()) {
                mWebView.goBack();
                if (Integer.parseInt(android.os.Build.VERSION.SDK) >= 16)
//                  changGoForwardButton(mWebView);
                    return true;
            } else
                return super.onKeyDown(keyCode, event);
        }
        return super.onKeyDown(keyCode, event);
    }

    @Override
    protected void onDestroy() {

        if (mWebView != null)
           clearWebview();
        super.onDestroy();
    }
 /**
     * 解决WebView内存泄露的问题
     */
    public  void  clearWebview(){
        if( mWebView!=null) {

            // 如果先调用destroy()方法，则会命中if (isDestroyed()) return;这一行代码，需要先onDetachedFromWindow()，再
            // destory()
            ViewParent parent = mWebView.getParent();
            if (parent != null) {
                ((ViewGroup) parent).removeView(mWebView);
            }

            mWebView.stopLoading();
            // 退出时调用此方法，移除绑定的服务，否则某些特定系统会报错
            mWebView.getSettings().setJavaScriptEnabled(false);
            mWebView.clearHistory();
            mWebView.clearView();
            mWebView.removeAllViews();
            mWebView.destroy();

        }
    }

    public static void actionStart(Context context, String url) {
        Intent intent = new Intent(context, BrowserActivity.class);
        intent.putExtra("url", url);
        context.startActivity(intent);
    }


}

特别注意的是这里

        WebChromeClient webChromeClient = new WebChromeClient() {
            @Override
            public void onProgressChanged(com.tencent.smtt.sdk.WebView webView, int newProgress) {
                if (newProgress == 100) {
                    mPageLoadingProgressBar.setVisibility(View.INVISIBLE);
                } else {
                    mPageLoadingProgressBar.setProgress(newProgress);
                }
            }
        };

//        mWebView.setWebChromeClient(webChromeClient);

当我添加上时，发现播放视频后，返回，会多出一个界面，很丑，这里我还没有解决，这里添加主要是想设置progress 参数，当然也可以做个假的，在那里动。

1.点击图中的视频，进入（图－2）

2.点击返回键，进入（图－3）

3.出现如下这样的一个界面，

测试后mWebView.setWebChromeClient(webChromeClient);不设置就不会有（图－3）出现，原因暂时还没有查到。

activity_web.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">



    <ProgressBar
        android:id="@+id/web_pb"
        style="@android:style/Widget.ProgressBar.Horizontal"
        android:layout_width="match_parent"
        android:layout_height="@dimen/y6" />


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical" >

        <FrameLayout
            android:id="@+id/acty_web_layout_content"
            android:layout_width="match_parent"
            android:layout_height="match_parent" >
        </FrameLayout>
    </RelativeLayout>

</LinearLayout>

通过上面这些也就基本实现了，我们加载网页播放网页中的，视频，和你将这个网页放到qq、微信上打开的效果一样

补充一条，就是app module 的build.gradle中defaultConfig中，n d k,中需要设置，abiFilters "armeabi", "x86","mips",测试的时候 vivo xplay6 的cpu是 arm64-v8a,因此出现编译打包后，无法调用X5内核。这里要注意。


android {
    aaptOptions {
        cruncherEnabled = false
        useNewCruncher = false
    }
    //在android 标签下,唯一的属性就是compileSdkVersion,buildToolsVersion
    compileSdkVersion rootProject.ext.android["compileSdkVersion"]
    buildToolsVersion rootProject.ext.android["buildToolsVersion"]
    defaultConfig {
        applicationId rootProject.ext.android["applicationId"]
        minSdkVersion rootProject.ext.android["minSdkVersion"]
        targetSdkVersion rootProject.ext.android["targetSdkVersion"]
        versionCode rootProject.ext.android["versionCode"]
        versionName rootProject.ext.android["versionName"]
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
        multiDexEnabled true

        ndk {
//            abiFilters "arm64-v8a","armeabi", "armeabi-v7a", "x86", "x86_64","mips","mips64"
//            abiFilters "armeabi",  "x86", "x86_64","mips","mips64"
//            abiFilters "armeabi", "x86"
            abiFilters "armeabi", "x86","mips"


//            vivo xplay6 的ndk是 arm64-v8a
        }
    }

｝
Kenway090704
关注
专栏目录
Android WebView浏览优酷等视频网站,视频放不出等问题
ning_gg的个人笔记
04-14 7523
这几天项目需要调用webview显示一个我们的网页，上面有视频窗口，用户点击需要能播放该视频。但是死活该webview就是不播放视频，打开优酷也一样，网上说的 .setJavaScriptEnabled(true); .setPluginState(PluginState.ON); android:hardwareAccelerated=”true” 都尝试了，但是就是播不出来。急坏我了，领
秒开WebView？Android性能优化全攻略
最新发布
先天无极编程圣体的博客
08-10 419
通过自定义和来控制加载流程，进一步优化加载体验。@Override// 页面加载完成后的操作@Override});WebView 的优化涉及到多个方面，包括初始化优化、设置调整、加载策略、内存管理和网络优化等。通过合理的优化，可以大幅提升 WebView 的加载速度，实现“秒开”效果。这不仅能改善用户体验，还能使应用在资源有限的环境下运行得更加顺畅。
android webView 无法播放视频，无法暂停，继续播放视频问题，无法根据浏览器居中显示内容问题
11-01 1万+
此次遇到一个问题就是webView无法播放视频，查了下谷歌发现可以设置 setting.setPluginsEnabled(true); 这个从而播放视频，但是最新官方SDK说这个方法要放弃了，推荐使用 setting.setPluginState(PluginState.ON); 目前看来这两种方法都可以，但是webview的页面都finish了居然还能听到视频播放的声音，于是有查了
Android WebView无法播放视频或直播，关闭界面后任在播放的问题；
weixin_30797027的博客
01-10 427
1、设置webview属性： webView.setWebChromeClient(new MyWebChromeClient()); webSettings = webView.getSettings(); webSettings.setJavaScriptEnabled(true); webSet...
Android 使用Webview无法播放视频问题的解决办法
zys871228的专栏
08-14 2587
Android对于HTML5的支持真的够渣的，在3.0之前的版本里，webview无法正确显示标签播放视频，试了两天，终于解决了，原来如果使用Video的type属性，Android 2.1和2.2将不会显示视频…… 写成这样： onclick='this.play()'> 这会导致在其他浏览器中播放按钮工作异常，仅能在webview中使用。
Android webview 播放视频无法播放以及可以播放预览图为加载不出来
再也不做的事
03-16 3646
Android webview 播放视频无法播放以及可以播放预览图为加载不出来的解决方案1，webView的配置工作：WebSettings webSettings = shopWebView.getSettings(); webSettings.setBlockNetworkImage(false); webSettings.setLoadWithOverviewMode(true); ...
Android webview 加载不出视频
JimTrency的博客
06-15 3406
今天在开发的新项目上，需要嵌入一个H5的 视频课程页面，但总是播放不起，一直认为是播放格式的问题，后面看日志，发现了如下提示：The page at ‘https://hlwxz.12582.cn/courseplay.html?id=61’ was loaded over HTTPS, but requested an insecure video ‘http://1253405659.vo
Android使用WebView实现全屏切换播放网页视频功能
08-25
实现全屏播放的原理是：当我们点击 Button 时，WebView 里面的视频将被加载到 FrameLayout 中，然后 WebView 将被隐藏掉，从而实现了全屏播放。 在 WebChromeClient 中，我们可以使用 onShowCustomView 方法来实现...
Android WebView播放视频（包括全屏播放）
09-26
本文将详细讲解如何在Android的WebView中播放视频，包括全屏播放的实现方法。以下是对该主题的深入探讨： 1. **WebView基础知识**： - WebView是Android SDK提供的一种原生控件，用于加载和显示HTML、CSS和...
Android如何让WebView中的HTML5页面实现视频全屏播放
01-20
默认情况下，Android 的WebView可能不支持视频全屏播放，我们需要自定义一个 `WebChromeClient` 来处理这个问题。 ```java private class MyWebChromeClient extends WebChromeClient { private View mCustomView;...
解决Android WebView拦截url,视频播放加载失败的问题
08-19
主要介绍了解决Android WebView拦截url,视频播放加载失败的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
android用webview加载html5网络视频全屏播放
08-27
在Android应用开发中，Webview是一个非常...通过分析和学习这些代码，开发者可以深入理解如何在Android中使用Webview加载HTML5视频并实现全屏播放功能。这有助于提升Android应用的用户体验，尤其是在媒体内容展示方面。
android webview全屏视频,Android WebView视频全屏显示解决方案
weixin_29012765的博客
05-26 1280
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Android WebView视频全屏显示解决方案内容简介And...
Android12 WebView无法播放视频的问题 浏览器暂不支持播放该格式
灰色系男孩的博客
03-01 4765
Android12出现如下问题，之前版本未出现。 排查，发现切换到一个没网的WiFi点击播发按钮，出现此问题后，即使切换到正常网络也无法恢复，卸载重装也不行。 解决方法： WebView清除缓存即可解决。 mWebView.clearCache(true); ...
Android webView混合内容导致视频播放失败
Jackie Yang
08-25 683
如果你的网页中有混合内容（即同时使用了HTTPS和HTTP），可能会导致WebView无法加载视频。1 尝试将所有内容都切换到HTTPS。
Android WebView 播放视频无法播放问题和视频适应屏幕大小
gzjck的专栏
11-03 4521
Android WebView 播放视频无法播放问题和视频适应屏幕大小解决办法
Android WebView 无法播放视频 加载不出来等问题
热门推荐
u013148839的专栏
03-23 2万+
参考 http://blog.csdn.net/qq_16472137/article/details/54346078代码设置 mWebView.setWebChromeClient(new MyWebChromeClient()); // mWebView.setWebChromeClient(new WebChromeClient());
android5.0以上webview无法播放腾讯等视频
qq_16472137的博客
01-11 9061
android5.0以上webview无法播放腾讯等视频
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值