Android使用WebView实现全屏切换播放网页视频功能

首先写布局文件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:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:orientation="vertical">
 <FrameLayout
   android:id="@+id/video_view"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:visibility="gone"
   ></FrameLayout>
 <Button
   android:id="@+id/video_landport"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:text="全屏不显示该按扭，点击切换横屏"
   android:gravity="center"
   />
 <WebView
   android:id="@+id/video_webview"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   />
 </LinearLayout>

原理：实现全屏的时候把webview里的视频放到一个View（布局里的video_view控件）里面，然后把webview隐藏掉！这样就实现了全屏播放的！

现在具体来看看怎么实现的:

先放代码MainActivity.java：

public class MainActivity extends Activity {
  private FrameLayout videoview;// 全屏时视频加载view
 private Button videolandport;
 private WebView videowebview;
 private Boolean islandport = true;//true表示此时是竖屏，false表示此时横屏。
 private View xCustomView;
 private xWebChromeClient xwebchromeclient;
 private String url = "http://look.appjx.cn/mobile_api.php?mod=news&id=12604";
 private WebChromeClient.CustomViewCallback   xCustomViewCallback;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
   super.onCreate(savedInstanceState);
   requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉应用标题
   getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
       WindowManager.LayoutParams.FLAG_FULLSCREEN);
   setContentView(R.layout.activity_main);
   initwidget();
   initListener();
   videowebview.loadUrl(url);
 }
 private void initListener() {
   // TODO Auto-generated method stub
   videolandport.setOnClickListener(new Listener());
 }
 private void initwidget() {
   // TODO Auto-generated method stub
   videoview = (FrameLayout) findViewById(R.id.video_view);
   videolandport = (Button) findViewById(R.id.video_landport);
   videowebview = (WebView) findViewById(R.id.video_webview);
   WebSettings ws = videowebview.getSettings();
   /**
    * setAllowFileAccess 启用或禁止WebView访问文件数据 setBlockNetworkImage 是否显示网络图像
    * setBuiltInZoomControls 设置是否支持缩放 setCacheMode 设置缓冲的模式
    * setDefaultFontSize 设置默认的字体大小 setDefaultTextEncodingName 设置在解码时使用的默认编码
    * setFixedFontFamily 设置固定使用的字体 setJavaSciptEnabled 设置是否支持Javascript
    * setLayoutAlgorithm 设置布局方式 setLightTouchEnabled 设置用鼠标激活被选项
    * setSupportZoom 设置是否支持变焦
    * */
   ws.setBuiltInZoomControls(true);// 隐藏缩放按钮
   ws.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);// 排版适应屏幕
   ws.setUseWideViewPort(true);// 可任意比例缩放
   ws.setLoadWithOverviewMode(true);// setUseWideViewPort方法设置webview推荐使用的窗口。setLoadWithOverviewMode方法是设置webview加载的页面的模式。
   ws.setSavePassword(true);
   ws.setSaveFormData(true);// 保存表单数据
   ws.setJavaScriptEnabled(true);
   ws.setGeolocationEnabled(true);// 启用地理定位
   ws.setGeolocationDatabasePath("/data/data/org.itri.html5webview/databases/");// 设置定位的数据库路径
   ws.setDomStorageEnabled(true);
   xwebchromeclient = new xWebChromeClient();
   videowebview.setWebChromeClient(xwebchromeclient);
   videowebview.setWebViewClient(new xWebViewClientent());
 }
 class Listener implements OnClickListener {
   @Override
   public void onClick(View v) {
     // TODO Auto-generated method stub
     switch (v.getId()) {
     case R.id.video_landport:
       if (islandport) {
         setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
         videolandport.setText("全屏不显示该按扭，点击切换横屏");
       }else {
         setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
         videolandport.setText("全屏不显示该按扭，点击切换竖屏");
       }
       break;
     default:
       break;
     }
   }
 }
   @Override
   public boolean onKeyDown(int keyCode, KeyEvent event) {
     if (keyCode == KeyEvent.KEYCODE_BACK) {
       if (inCustomView()) {
         hideCustomView();
         return true;
       }else {
       videowebview.loadUrl("about:blank");
//          mTestWebView.loadData("", "text/html; charset=UTF-8", null);
       MainActivity.this.finish();
         Log.i("testwebview", "===>>>2");
     }
     }
     return true;
   }
   /**
   * 判断是否是全屏
   * @return
   */
   public boolean inCustomView() {
      return (xCustomView != null);
    }
    /**
    * 全屏时按返加键执行退出全屏方法
    */
    public void hideCustomView() {
      xwebchromeclient.onHideCustomView();
    }
 /**
  * 处理Javascript的对话框、网站图标、网站标题以及网页加载进度等
  * @author
  */
 public class xWebChromeClient extends WebChromeClient {
   private Bitmap xdefaltvideo;
   private View xprogressvideo;
   @Override
   //播放网络视频时全屏会被调用的方法
   public void onShowCustomView(View view, WebChromeClient.CustomViewCallback callback)
   {
     if (islandport) {
     }
     else{
//        ii = "1";
//        setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
     }
     setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
     videowebview.setVisibility(View.GONE);
     //如果一个视图已经存在，那么立刻终止并新建一个
     if (xCustomView != null) {
       callback.onCustomViewHidden();
       return;
     }      
     videoview.addView(view);
     xCustomView = view;
     xCustomViewCallback = callback;
     videoview.setVisibility(View.VISIBLE);
   }
   @Override
   //视频播放退出全屏会被调用的
   public void onHideCustomView() {
     if (xCustomView == null)//不是全屏播放状态
       return;          
     // Hide the custom view.
     setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
     xCustomView.setVisibility(View.GONE);
     // Remove the custom view from its container.
     videoview.removeView(xCustomView);
     xCustomView = null;
     videoview.setVisibility(View.GONE);
     xCustomViewCallback.onCustomViewHidden();
     videowebview.setVisibility(View.VISIBLE);
     //Log.i(LOGTAG, "set it to webVew");
   }
   //视频加载添加默认图标
   @Override
   public Bitmap getDefaultVideoPoster() {
     //Log.i(LOGTAG, "here in on getDefaultVideoPoster");
     if (xdefaltvideo == null) {
       xdefaltvideo = BitmapFactory.decodeResource(
           getResources(), R.drawable.videoicon);
     }
     return xdefaltvideo;
   }
   //视频加载时进程loading
   @Override
   public View getVideoLoadingProgressView() {
     //Log.i(LOGTAG, "here in on getVideoLoadingPregressView");
     if (xprogressvideo == null) {
       LayoutInflater inflater = LayoutInflater.from(MainActivity.this);
       xprogressvideo = inflater.inflate(R.layout.video_loading_progress, null);
     }
     return xprogressvideo;
   }
   //网页标题
    @Override
    public void onReceivedTitle(WebView view, String title) {
     (MainActivity.this).setTitle(title);
    }
//     @Override
//    //当WebView进度改变时更新窗口进度
//     public void onProgressChanged(WebView view, int newProgress) {
//       (MainActivity.this).getWindow().setFeatureInt(Window.FEATURE_PROGRESS, newProgress*100);
//     }  
 }
 /**
  * 处理各种通知、请求等事件
  * @author
  */
 public class xWebViewClientent extends WebViewClient {
    @Override
     public boolean shouldOverrideUrlLoading(WebView view, String url) {
       Log.i("webviewtest", "shouldOverrideUrlLoading: "+url);
       return false;
     }
 }
 /**
  * 当横竖屏切换时会调用该方法
  * @author
  */
 @Override
 public void onConfigurationChanged(Configuration newConfig) {
   Log.i("testwebview", "=====<<< onConfigurationChanged >>>=====");
    super.onConfigurationChanged(newConfig);
    if(newConfig.orientation == Configuration.ORIENTATION_LANDSCAPE){
      Log.i("webview", "  现在是横屏1");
      islandport = false;
     }else if(newConfig.orientation == Configuration.ORIENTATION_PORTRAIT){
      Log.i("webview", "  现在是竖屏1");
      islandport = true;
     }
 }
}

最后说下AndroidManifest.xml设置;
访问网络权限加上这句

<uses-permission android:name="android.permission.INTERNET"/>

当切换横竖屏时为了不重新调用onCreate等方法，要加个这句：

android:configChanges="orientation|keyboardHidden|screenSize"

总结

以上所述是小编给大家介绍的Android使用WebView实现全屏切换播放网页视频功能，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

来源：https://www.cnblogs.com/changyiqiang/archive/2019/07/05/11138457.html