WebView中的视频全屏的相关操作

最近工作中，基本一直在用WebView,今天就把它整理下：

WebView 顾名思义，就是放一个网页，一个看起来十分简单，但是用起来不是那么简单的控件。

首先你肯定要定义，初始化一个webview，其实网上的例子很多，我这里就简单的把一些WebView 中可能会用到的的很重要的属性以及支持全屏播放视频该怎么实现的代码粘出来，直接放到项目中去就行了

<span style="white-space:pre"></span><pre name="code" class="java" style="font-size:18px;"><span style="white-space:pre">		</span>private WebView webview;<span style="font-family: Arial, Helvetica, sans-serif;">		</span>

<span style="white-space:pre">		</span>webview = (WebView) findViewById(R.id.webview);

  <span style="white-space:pre">		</span>// 设置WebView属性，能够执行Javascript脚本
		webview.getSettings().setJavaScriptEnabled(true);
		//设置WebView 可以加载更多格式页面
<span style="white-space:pre">		</span>webview.getSettings().setLoadWithOverviewMode(true);
		//设置WebView使用广泛的视窗
<span style="white-space:pre">		</span>webview.getSettings().setUseWideViewPort(true);
		//设置WebView的用户代理字符串。如果字符串“ua”是null或空,它将使用系统默认的用户代理字符串
<span style="white-space:pre">		</span>webview.getSettings().setUserAgentString();
		//支持手势缩放
<span style="white-space:pre">		</span>webview.getSettings().setBuiltInZoomControls(true);
		//支持2.2以上所有版本
<span style="white-space:pre">		</span>webview.getSettings().setPluginState(PluginState.ON);
		//告诉webview启用应用程序缓存api。
<span style="white-space:pre">		</span>webview.getSettings().setAppCacheEnabled(true);
		//设置是否启用了DOM storage API。
<span style="white-space:pre">		</span>webview.getSettings().setDomStorageEnabled(true);
		//自动打开窗口
		webview.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
		// 没有的话会黑屏 支持插件
		webView.getSettings().setPluginsEnabled(true); 
		/**
		 * setAllowFileAccess 启用或禁止WebView访问文件数据 setBlockNetworkImage 是否显示网络图像
		 * setBuiltInZoomControls 设置是否支持缩放 setCacheMode 设置缓冲的模式
		 * setDefaultFontSize 设置默认的字体大小 setDefaultTextEncodingName 设置在解码时使用的默认编码
		 * setFixedFontFamily 设置固定使用的字体 setJavaSciptEnabled 设置是否支持Javascript
		 * setLayoutAlgorithm 设置布局方式 setLightTouchEnabled 设置用鼠标激活被选项
		 * setSupportZoom 设置是否支持变焦
		 * */
		// 排版适应屏幕
		.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);web
                 // 设置Web试图 注意以下两个方法十分重要，很多需要重写：
<span style="white-space:pre">		</span>//首先设置自定义的WebChromeClient来设置视频播放的一些问题
		busWiFiWebView.setWebChromeClient(new DefaultWebChromeClient());
		busWiFiWebView.setWebViewClient(new DefaultWebViewClientClient());

界面的话，就是一个webview ,一个FrameLayout ,当全屏的时候就设置webview 隐藏，让FrameLayout全屏显示出来，那么视频就自动跑到FrameLayout这里面放了。退出全屏的时候，一样道理，这里要用到回调函数，自己理解吧。。。我讲的不好。。。

private class DefaultWebChromeClient extends WebChromeClient {
		// 一个回调接口使用的主机应用程序通知当前页面的自定义视图已被撤职
		CustomViewCallback customViewCallback;
		// 进入全屏的时候
		@Override
		public void onShowCustomView(View view, CustomViewCallback callback) {
			// 赋值给callback
			customViewCallback = callback;
			// 设置webView隐藏
			webview.setVisibility(View.GONE);
			// 声明video，把之后的视频放到这里面去
			FrameLayout video = (FrameLayout) findViewById(R.id.video);
			// 将video放到当前视图中
			video.addView(view);
			// 横屏显示
			setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
			// 设置全屏
			setFullScreen();
		}
		// 退出全屏的时候
		@Override
		public void onHideCustomView() {
			if (customViewCallback != null) {
				// 隐藏掉
				customViewCallback.onCustomViewHidden();
			}
			// 用户当前的首选方向
			setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_USER);
			// 退出全屏
			quitFullScreen();
			// 设置WebView可见
			webview.setVisibility(View.VISIBLE);
		}

		@Override
		public void onProgressChanged(WebView view, int newProgress) {
			super.onProgressChanged(view, newProgress);
		}
	}

/**
	 * 设置全屏
	 */
	private void setFullScreen() {
		// 设置全屏的相关属性，获取当前的屏幕状态，然后设置全屏
		getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
				WindowManager.LayoutParams.FLAG_FULLSCREEN);
		// 全屏下的状态码：1098974464
		// 窗口下的状态吗：1098973440
	}

	/**
	 * 退出全屏
	 */
	private void quitFullScreen() {
		// 声明当前屏幕状态的参数并获取
		final WindowManager.LayoutParams attrs = getWindow().getAttributes();
		attrs.flags &= (~WindowManager.LayoutParams.FLAG_FULLSCREEN);
		getWindow().setAttributes(attrs);
		getWindow().clearFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
	}

/**
	 * 使用系统默认webview
	 */
	private class DefaultWebViewClientClient extends WebViewClient {
		@Override
		public boolean shouldOverrideUrlLoading(WebView view, String url) {

<span style="white-space:pre">			</span>return super.shouldOverrideUrlLoading(view, url);
			//如果要下载页面中的游戏或者继续点击网页中的链接进入下一个网页的话，重写此方法下，不然就会跳到手机自带的浏览器了，而不继续在你这个webview里面展现了
		}

		@Override
		public void onReceivedError(WebView view, int errorCode,
				String description, String failingUrl) {
		<span style="white-space:pre">	</span>//想在收到错误信息的时候，执行一些操作，走此方法
		}

		@Override
		public void onPageStarted(WebView view, String url, Bitmap favicon) {
			super.onPageStarted(view, url, favicon);
			//想在页面开始加载的时候，执行一些操作，走此方法
		}

		@Override
		public void onPageFinished(WebView view, String url) {
			super.onPageFinished(view, url);
			//想在页面加载结束的时候，执行一些操作，走此方法
		}
	}

@Override
	public boolean onKeyDown(int keyCode, KeyEvent event) {
		
		if (keyCode == KeyEvent.KEYCODE_BACK) {
						WebView webView = (WebView) findViewById(R.id.webview_passenger);
						if (webView.canGoBack()) {
							// goBack()表示返回WebView的上一页面
							webView.goBack();
							//退出全屏
							quitFullScreen();
						} else {
	
						}
			return true;
		}
		return super.onKeyDown(keyCode, event);
	}

恩，综上，就这么多了，研究了好几天。附上一份不错的Demo吧，原Demo要3点积分，我作为VIP就免费下下来给大家了

Demo下载地址：http://download.csdn.net/detail/lygscg123/7673123

WebView中的视频全屏的相关操作,古老的榕树,5-wow.com