android webView视频播放全屏设置

最新推荐文章于 2024-07-26 16:57:36 发布
最新推荐文章于 2024-07-26 16:57:36 发布
阅读量2.5k 收藏 6
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq1171574843/article/details/83685373
版权

首先再AndroidManifest.xml中配置权限

	<uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
    <uses-permission android:name="android.permission.READ_PHONE_STATE" />
<!-- 硬件加速对X5视频播放非常重要，建议开启 -->
    <uses-permission android:name="android.permission.GET_TASKS" />

再application中设置属性再启动程序的时候或再Activity中设置硬件加速

android:hardwareAccelerated="true"

<activity android:name=".activity.LearningSkillsWebActivity"
            android:configChanges="orientation|screenSize|keyboardHidden"
            android:windowSoftInputMode="stateHidden|adjustResize"
            android:hardwareAccelerated="true"
            android:screenOrientation="portrait"
            />

xml布局
FrameLayout是用来全屏的时候调用

<com.example.zyshop.myapplication.View.SimpleWebView
            android:id="@+id/webView"
            android:layout_width="match_parent"
            android:layout_below="@+id/progressBar1"
            android:layout_height="match_parent">
 </com.example.zyshop.myapplication.View.SimpleWebView>
   <FrameLayout
        android:id="@+id/fl_web_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#000"
        android:visibility="gone">
    </FrameLayout>

自定义SimpleWebView

public class SimpleWebView extends WebView {
    private WebViewClient client = new WebViewClient() {
        /**
         * 防止加载网页时调起系统浏览器
         */
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    };

    @SuppressLint("SetJavaScriptEnabled")
    public SimpleWebView(Context arg0, AttributeSet arg1) {
        super(arg0, arg1);
        this.setWebViewClient(client);
        // this.setWebChromeClient(chromeClient);
        // WebStorage webStorage = WebStorage.getInstance();
        initWebViewSettings();
        this.getView().setClickable(true);
    }

    private void initWebViewSettings() {
        WebSettings webSetting = this.getSettings();
        webSetting.setDefaultTextEncodingName("utf-8") ;//这句话去掉也没事。。只是设置了编码格式
        webSetting.setJavaScriptEnabled(true);
        webSetting.setJavaScriptCanOpenWindowsAutomatically(true);
        webSetting.setAllowFileAccess(true);
        webSetting.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
        webSetting.setSupportZoom(true);
        webSetting.setBuiltInZoomControls(true);
        webSetting.setUseWideViewPort(true);
        webSetting.setSupportMultipleWindows(true);
        // webSetting.setLoadWithOverviewMode(true);
        webSetting.setAppCacheEnabled(true);
        // webSetting.setDatabaseEnabled(true);
        webSetting.setDomStorageEnabled(true);
        webSetting.setGeolocationEnabled(true);
        webSetting.setAppCacheMaxSize(Long.MAX_VALUE);
        // webSetting.setPageCacheCapacity(IX5WebSettings.DEFAULT_CACHE_CAPACITY);
        webSetting.setPluginState(WebSettings.PluginState.ON_DEMAND);
        // webSetting.setRenderPriority(WebSettings.RenderPriority.HIGH);
        webSetting.setCacheMode(WebSettings.LOAD_NO_CACHE);

        // this.getSettingsExtension().setPageCacheCapacity(IX5WebSettings.DEFAULT_CACHE_CAPACITY);//extension
        // settings 的设计
    }

    public SimpleWebView(Context arg0) {
        super(arg0);
        setBackgroundColor(85621);
    }

}

AppCompatActivity中代码

public class LearningSkillsWebActivity extends AppCompatActivity{
    private SimpleWebView browser;
    private AVLoadingIndicatorView av_loading;
    private Toolbar toolbar;
    private LinearLayout state_layout_error;
    private Button state_layout_error_bt;
    private ProgressBar progressBar1;
    private FrameLayout fl_web_view;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.learning_skills_web);
        toolbar=findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        toolbar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(browser.canGoBack()){
                    browser.goBack();
                }else {
                    finish();
                }
            }
        });
        browser=findViewById(R.id.webView);
        fl_web_view=findViewById(R.id.fl_web_view);
        getWindow().setFormat(PixelFormat.TRANSLUCENT);//（这个对宿主没什么影响，建议声明）
        getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE | WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN);
        browser.setDrawingCacheEnabled(true);
        initHardwareAccelerate();
        av_loading=findViewById(R.id.av_loading);
        state_layout_error=findViewById(R.id.state_layout_error);
        state_layout_error.setVisibility(View.GONE);
        state_layout_error_bt=findViewById(R.id.state_layout_error_bt);
        progressBar1=findViewById(R.id.progressBar1);
//        browser.loadUrl("https://v.youku.com/v_show/id_XMzg4NTAzMDI4NA==.html?f=49479408");
        browser.loadUrl(BasicsUtil.URL+"index.php?m=zyvideo&c=index&a=init&userid=20");
        /**
         * 这里需要根据不同的分辨率设置不同的比例,比如
         * 5寸手机设置190  屏幕宽度 > 650   180
         * 4.5寸手机设置170  屏幕宽度>  500 小于 650  160
         * 4寸手机设置150  屏幕宽度>  450 小于 550  150
         * 3           屏幕宽度>  300 小于 450  120
         * 小于    300  100
         *  320×480  480×800 540×960 720×1280 
         */

        WindowManager wm = (WindowManager) LearningSkillsWebActivity.this.getSystemService(Context.WINDOW_SERVICE);
        int width = wm.getDefaultDisplay().getWidth();
        if (width>650){
            browser.setInitialScale(190);
        }else if (width>520){
            browser.setInitialScale(160);
        }else if (width>450){
            browser.setInitialScale(140);
        }else if (width>300){
            browser.setInitialScale(120);
        }else{
            browser.setInitialScale(100);
        }

        browser.setWebViewClient(new com.tencent.smtt.sdk.WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading(com.tencent.smtt.sdk.WebView webView, String url) {
                //使得打开网页时不调用系统浏览器， 而是在本WebView中显示
                if(url.startsWith("intent")||url.startsWith("youku")){
                    return true;
                }else{
                    return super.shouldOverrideUrlLoading(webView, url);
                }
            }
        });

        browser.setWebChromeClient(new com.tencent.smtt.sdk.WebChromeClient(){
            Bitmap mVideoPoster=null;
            View mVideoLoadingView=null;
            View mFullScreenView;

            /**
             * 设置默认的视频海报，也就是当html Video元素初始化完成后，默认显示在video窗口上的图片
             * @return
             */
            @Override
            public Bitmap getDefaultVideoPoster() {
                if(mVideoPoster==null){
                    mVideoPoster= BitmapFactory.decodeResource(getResources(),R.drawable.kgd);
                }
                return mVideoPoster;
            }

//            /**
//             * 设置Html video元素的视频加载进度View
//             * @return
//             */
            @Override
            public View getVideoLoadingProgressView() {
                if(mVideoLoadingView==null){
                    mVideoLoadingView=getLayoutInflater().inflate(R.layout.view_webview_loading,null);
                }
                return mVideoLoadingView;
            }

            private void showCustomView(View view,IX5WebChromeClient.CustomViewCallback callback){
                mFullScreenView=view;
                fl_web_view.setVisibility(View.VISIBLE);
                AnimationHelper.alphaAnimation(fl_web_view, 0, 1, 500, new Runnable() {
                    @Override
                    public void run() {
                        fl_web_view.addView(mFullScreenView);
                        setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);//横屏
                    }
                });
            }

            /**
             * 要想让html video元素支持全屏播放，必须重载这个函数，当用户点击video元素上的全屏按钮时，WebView会调用这个函数来全屏显示视频
             * @param view
             * @param callback
             */
            @Override
            public void onShowCustomView(View view, IX5WebChromeClient.CustomViewCallback callback) {
                super.onShowCustomView(view, callback);
                showCustomView(view,callback);
            }

            /**
             * 当WebView需要关闭全屏窗口的时候，回调这个函数，必须要重载这个函数，否则视频全屏播放窗口无法关闭
             */
            @Override
            public void onHideCustomView() {
                super.onHideCustomView();
                if(mFullScreenView==null) return;
                fl_web_view.removeView(mFullScreenView);
                AnimationHelper.alphaAnimation(fl_web_view, 1, 0, 500, new Runnable() {
                    @Override
                    public void run() {
                        fl_web_view.setVisibility(View.GONE);
                        setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);//竖屏
                    }
                });
            }

            @Override
            public void onProgressChanged(com.tencent.smtt.sdk.WebView view, int newProgress) {
                super.onProgressChanged(view, newProgress);
                if (newProgress==100){
                    progressBar1.setVisibility(View.GONE);
                }else{
                    progressBar1.setVisibility(View.VISIBLE);
                    progressBar1.setProgress(newProgress);
                }
            }
        });
//        browser.setWebChromeClient(new com.tencent.smtt.sdk.WebChromeClient(){
//            @Override
//            public void onProgressChanged(com.tencent.smtt.sdk.WebView webView, int i) {
//                super.onProgressChanged(webView, i);
//                if (i==100){
//                    progressBar1.setVisibility(View.GONE);
//                }else{
//                    progressBar1.setVisibility(View.VISIBLE);
//                    progressBar1.setProgress(i);
//                }
//            }
//        });
        browser.setOnKeyListener(new View.OnKeyListener() {
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {
                if(keyCode==KeyEvent.KEYCODE_BACK&&event.getRepeatCount()==0){
                    if (browser!=null&&browser.canGoBack()){
                        browser.goBack();
                        return true;
                    }
                }
                return false;
            }
        });
    }


    /**
     * 启用硬件加速
     */
    private void initHardwareAccelerate() {
        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) {
        }
    }


    /**
     * 返回键返回上一网页
     */
    @Override
    public void onBackPressed() {
        super.onBackPressed();
        if(browser.canGoBack()){
            browser.goBack();
        }else {
            finish();
        }
    }
    /**
     * 返回键监听
     * @param keyCode
     * @param event
     * @return
     */
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK) {
            if (browser != null && browser.canGoBack()) {
                browser.goBack();
                return true;
            } else {
                return super.onKeyDown(keyCode, event);
            }
        }
        return super.onKeyDown(keyCode, event);
    }

    @Override
    protected void onDestroy() {
        //释放资源
        if (browser != null)
            browser.destroy();
        super.onDestroy();
    }
}

SimpleAnimatorListener

public class SimpleAnimatorListener implements AnimatorListener {
	@Override
	public void onAnimationStart(Animator animation) {
		
	}

	@Override
	public void onAnimationEnd(Animator animation) {
		
	}

	@Override
	public void onAnimationCancel(Animator animation) {
		
	}

	@Override
	public void onAnimationRepeat(Animator animation) {
		
	}
}

AnimationHelper

public class AnimationHelper {
    public static void alphaAnimation(View view, float start, float end, long duration, final Runnable endAnimationRunnable)
    {
        Animator animator= ObjectAnimator.ofFloat(view, "alpha", start,end);
        animator.setDuration(duration);
        animator.setInterpolator(new AccelerateInterpolator());
        animator.addListener(new SimpleAnimatorListener()
        {
            @Override
            public void onAnimationEnd(Animator animation) {
                super.onAnimationEnd(animation);
                if(endAnimationRunnable!=null)
                    endAnimationRunnable.run();
            }
        });
        animator.start();
    }
}

我这也是再网上参考别人的博客写的，链接找不到了

只为记录
关注
Android 使WebView支持HTML5 Video（全屏）播放的方法
zrzlj的专栏
10-09 7万+
1）需要在AndroidManifest.xml文件中声明需要使用HardwareAccelerate, 可以细化到Activity级别，如果不需要的View可以声明不要用加速，但是需要在代码中做，具体如下：       a. 如果要声明整个应用都要加速：           application ... android:hardwareAccelerated ="true">
android webview全屏视频,Android开发之在Webview中全屏播放视频
weixin_28909745的博客
05-26 1785
【版权申明】非商业目的可自由转载博文地址：https://blog.csdn.net/ShuSheng0007/article/details/99702252出自：shusheng007概述出于对成本或者其他原因的考虑，在移动开发中有时会采用混合开发的方式,其中一种方式就是让Web页面跑在原生的WebView里面。本文我们来谈论一下如何在webview中全屏播放视频。实现方法本文只谈论如何支持使...
Android WebView实现视频全屏
08-25
Android WebView WebView实现视频全屏HTML5
关于android 的webview加载html针对video全屏
最新发布
buyie_jiang的博客
07-26 161
webview加载视频网页video默认全屏
安卓WebView中全屏播放网页视频
toaksg的博客
08-23 5151
Android中WebView是支持播放网页视频的，但是要全屏播放网页中的视频，在Android 4.0以下，能支持，4.0以上就有点鸡肋了。解决方法是需要重写WebView和WebChromeCient，实现方式是当全屏的时候隐藏掉界面的其他控件，使用一个占满屏幕宽高的ViewGroup来承载视频的播放。
Android h5全屏播放video
hunter800421的专栏
10-25 5553
H5全屏播放，在iOS系统上基本没有什么问题，但是在android系统，却又各种各样的问题。 H5自身对全屏的支持 这个其实不难，只需在video标签加个webkit-playsinline属性即可，这个属性基本上在基于webkit内核的移动端都是没问题的，此全屏非彼全屏，它是在浏览器视窗内的全屏，并不是占居整个手机的全屏，当然我们做web端需要的就是在document的body内的视窗范围的
Android WebView播放视频（包括全屏播放）
09-26
本文将详细讲解如何在Android的WebView中播放视频，包括全屏播放的实现方法。以下是对该主题的深入探讨： 1. **WebView基础知识**： - WebView是Android SDK提供的一种原生控件，用于加载和显示HTML、CSS和...
android webview全屏视频,Android WebView视频全屏显示解决方案
weixin_29012765的博客
05-26 1277
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Android WebView视频全屏显示解决方案内容简介And...
Android如何让WebView中的HTML5页面实现视频全屏播放
01-20
默认情况下，Android 的WebView可能不支持视频全屏播放，我们需要自定义一个 `WebChromeClient` 来处理这个问题。 ```java private class MyWebChromeClient extends WebChromeClient { private View mCustomView;...
webview 支持视频全屏播放
白高林的专栏
04-10 2824
webview 支持视频全屏播放
Android使用WebView实现全屏切换播放网页视频功能
08-25
在上面的布局文件中，我们定义了一个 FrameLayout 用于全屏播放视频，一个 Button 用于切换横屏，一个 WebView 用于播放视频。 接下来，在 MainActivity.java 文件中，我们需要编写以下代码： ```java public ...
Android编程实现WebView全屏播放的方法(附源码)
01-04
本文实例讲述了Android编程实现WebView全屏播放的方法。分享给大家供大家参考，具体如下： 最近因为项目要用webview加载html5的视频，开始不能全屏播，做了很久才做出来！那按我的理解说下怎么实现全屏吧。 首先写布局文件activity_main.xml： <LinearLayout xmlns:android=http://schemas.android.com/apk/res/android xmlns:tools=http://schemas.android.com/tools android:id=@+id/container android:layo
Android WebView实现视频全屏播放
nythgs的博客
01-31 1163
Android WebView实现视频全屏播放 1.打开硬件加速 在Manifest中，对应的Activity添加android:hardwareAccelerated = "true" android:configChanges="keyboardHidden|orientation|screenSize" 2.创建MyWebChromeClient类 package com.studio32a.mybrowser import android.content.Context impo
Android WebView 中视频播放以及全屏播放
weixin_42281203的博客
06-04 1294
How to Enable Fullscreen mode in any videos in webview Android Studio Tutorial This is the Video Tutorial about this you can watch that… https://www.youtube.com/watch?v=b1dkJXjuTsg&t=211s 1. Create a new project. Create a new project in Android Studi
Android的WebView如何播放视频和全屏视频（腾讯X5内核）
wodongx123的博客
02-19 5413
WebView如何播放视频和全屏视频前言1. 接入SDK2. 具体场景和代码实现3. 踩坑3.1 android.system.ErrnoException: chmod failed: EACCES (Permission denied)3.2 Cleartext HTTP traffic to cfg.imtt.qq.com not permitted参考材料 前言 因为需求，需要在app中的...
Android 使用WebView 实现播放爱奇艺视频，可全屏(使用的腾讯的X5内核) (一)
Kenway090704的博客
06-27 7727
参考文章： ANDROID webview解决视频无法播放问题 Android Webview加载网页视频播放遇到的坑 xumingwang / youkes_browser webview加载腾讯视频功能的实现 Android中接入腾讯TBS浏览器WebView的入坑指南 基于WebView的封装，支持原生和腾讯X5内核切换，支持下拉刷新和进度显示并且做了兼容判断 首先，说...
Android WebView播放视频并支持全屏
Fantasy
02-13 6935
支持视频在线播放的网页随处可见，前端开发不需要做太多的工作就可以实现大多数需求。因为播放视频的具体功能是由浏览器核心在处理的。我以为Android的WebView应该是默认支持视频播放的，不会有太大的问题，但是经过测试后，还是发现了不少坑。主要有两个：有些手机，无法正常播放视频，出现白屏或者只有声音没有画面等；视频无法全屏播放。
android webview播放视频
tasty
10-31 1110
Android WebView播放视频问题(转 测试可正常使用) 1、此次的方案用到WebView，而且其中会有视频嵌套，在默认的WebView中直接播放视频会有问题， 而且不同的SDK版本情况还不一样，网上搜索了下解决方案，在此记录下.   webView.getSettings.setPluginState(PluginState.ON);   webView.setWebCh
Android-Studio笔记之webview-——实现播放器全屏功能，android物联网应用程序开发
m0_64603929的博客
12-12 1050
查了一下资料，文档上写着支持视频播放的条件： In order to support inline HTML5 video in your application, you need to have ha 《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》 【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享 rdware acceleration turned on, and set a WebChromeClient. For f
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值