Android編程使WebView支持HTML5 Video全屏播放的解決方法

更新時(shí)間：2015年10月30日 12:26:15 作者：勇往直前的胖子

這篇文章主要介紹了Android編程使WebView支持HTML5 Video全屏播放的解決方法,較為詳細(xì)的分析了全屏播放所涉及的相關(guān)技巧,并給出了完整代碼下載地址供讀者參考,需要的朋友可以參考下

本文實(shí)例講述了Android編程使WebView支持HTML5 Video全屏播放的解決方法。分享給大家供大家參考，具體如下：

1）需要在AndroidManifest.xml文件中聲明需要使用HardwareAccelerate, 可以細(xì)化到Activity級(jí)別，如果不需要的View可以聲明不要用加速，但是需要在代碼中做，具體如下：

a. 如果要聲明整個(gè)應(yīng)用都要加速：

復(fù)制代碼代碼如下:

b. 如果要在Activity中聲明，則：

復(fù)制代碼代碼如下:

還可以更細(xì)化到Window, getWindow.setFlags(
WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED,
WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED);

c. 如果application或者activity都申明了要硬件加速，但是為了某些原因(比如省電？)，一些View不需要硬件加速的話，

復(fù)制代碼代碼如下:

view.setLayerType(View.LAYER_TYPE_SOFTWARE, null);

2）可以說(shuō)挺奇怪的是，需要在AndroidManifest.xml文件中用上<use-sdk></use-sdk>標(biāo)簽，而且如果是空的還不行，必須寫(xiě)上targetSDK或者minSDK，但是我試驗(yàn)過(guò)，不管寫(xiě)版本是多少都沒(méi)有關(guān)系。。。理論上說(shuō)，Android應(yīng)該是從3.0（ API Level 11）開(kāi)始可以對(duì)2D渲染加速，但是我把targetSDK設(shè)置為5都可以使用的，但是這個(gè)標(biāo)簽不寫(xiě)還不行。

一般來(lái)說(shuō)，上面的操作做了，就可以使用video標(biāo)簽播放視屏了，如果要支持全屏，還需要做一點(diǎn)操作：

1）給webview一個(gè)WebChromeClient對(duì)象，這個(gè)WebChromeClient對(duì)象需要實(shí)現(xiàn)onShowCustomView和onHideCustomView方法，下面是一個(gè)實(shí)現(xiàn)例子：

@Override
public void onShowCustomView(View view, CustomViewCallback callback) {
   if (myCallback != null) {
      myCallback.onCustomViewHidden();
      myCallback = null ;
      return;
   }
   long id = Thread.currentThread().getId();
   WrtLog. v("WidgetChromeClient", "rong debug in showCustomView Ex: " + id);
   ViewGroup parent = (ViewGroup) mWebView.getParent();
   String s = parent.getClass().getName();
   WrtLog. v("WidgetChromeClient", "rong debug Ex: " + s);
   parent.removeView( mWebView);
   parent.addView(view);
   myView = view;
   myCallback = callback;
   chromeClient = this ;
}
private View myView = null;
private CustomViewCallback myCallback = null;
public void onHideCustomView() {
   long id = Thread.currentThread().getId();
   WrtLog. v("WidgetChromeClient", "rong debug in hideCustom Ex: " + id);
   if (myView != null) {
      if (myCallback != null) {
          myCallback.onCustomViewHidden();
          myCallback = null ;
      }
      ViewGroup parent = (ViewGroup) myView.getParent();
      parent.removeView( myView);
      parent.addView( mWebView);
      myView = null;
   }
}

好吧，這個(gè)寫(xiě)法和網(wǎng)上很多寫(xiě)法不一樣,網(wǎng)上大部分的例子都是onShowCustomView方法接收到的view是一個(gè)VideoView對(duì)象，而這里是一個(gè)找不到的HTML5VideoFullScreen的VideoSurfaceView子類，而且這個(gè)子類還是一個(gè)private的子類，在外面根本沒(méi)有辦法訪問(wèn)到，android.jar中也沒(méi)有HTML5VideoFullScreen這個(gè)類。如果想要在application中訪問(wèn)到這個(gè)類，那么需要把<android-SDK-path>/platforms/<android-version>/data/layoutlib.jar這個(gè)包加到buildpath中，而且從android-14，也就是android4.0以后才這樣，也就是說(shuō)，網(wǎng)上說(shuō)的那個(gè)方法在android3.0時(shí)代是可以用的，android4.0以后就不行了，我用的是android4.0.3。

其實(shí)不管是什么版本，這個(gè)段代碼的大概意思就是，在onShowCustomView方法中，將獲取到的view放到當(dāng)前Activity的最上方，在onHideCustomView中，將之前的view隱藏或者刪除，將原來(lái)被覆蓋的webview放回來(lái)，并結(jié)束播放，否在會(huì)報(bào)MediaPlayer IllegalStatusException, 而且還是Native method,根本沒(méi)法調(diào)試了。

上面代碼是片段，很多朋友看了也不能解決問(wèn)題，完整實(shí)例代碼代碼點(diǎn)擊此處本站下載。

可以下載下來(lái)，用eclipse導(dǎo)入工程，把樣例視頻放到sdcard根部目錄下，從系統(tǒng)角度看就是/mnt/sdcard即可。

效果如圖：

全屏前：