Android编程实现WebView全屏播放的方法(附源码)

在Android开发中，WebView是一个非常重要的组件，它允许我们在应用程序中加载和展示网页内容，包括HTML、CSS和JavaScript。在某些场景下，我们可能需要在WebView中嵌入HTML5视频，并支持全屏播放功能。本篇文章将详细介绍如何在Android中通过WebView实现全屏播放视频的功能。 我们需要创建一个布局文件`activity_main.xml`，在这个布局中，我们定义了三个主要的组件：一个FrameLayout（用于全屏播放视频）、一个Button（用于切换横竖屏）和一个WebView（用于加载包含视频的网页）。布局代码如下： ```xml <LinearLayout 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" /> <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> ``` 接下来，我们需要创建一个Activity，例如`MainActivity`，并在其中初始化这些组件并设置监听器。在`onCreate()`方法中，我们去掉应用标题，设置全屏模式，并加载网页。这里，我们使用了一个自定义的WebChromeClient，这个类是用来处理WebView的复杂交互，如进度条、弹出对话框等，以及全屏视频播放。 ```java public class MainActivity extends Activity { private FrameLayout videoview; private Button videolandport; private WebView videowebview; private Boolean islandport = true; 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 initwidget() { videoview = findViewById(R.id.video_view); videolandport = findViewById(R.id.video_landport); videowebview = findViewById(R.id.video_webview); xwebchromeclient = new xWebChromeClient(this, videoview); videowebview.setWebChromeClient(xwebchromeclient); } // 初始化监听器 private void initListener() { videolandport.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 在这里处理横竖屏切换逻辑 } }); } } ``` 为了处理全屏播放，我们需要自定义一个`xWebChromeClient`类，继承自`WebChromeClient`。在这个类中，我们需要重写`onShowCustomView`方法，当HTML5视频开始播放时，这个方法会被调用。我们需要在这里将视频视图添加到我们的FrameLayout中，隐藏WebView，从而实现全屏播放的效果。 ```java class xWebChromeClient extends WebChromeClient { private Context context; private ViewGroup customViewContainer; public xWebChromeClient(Context context, ViewGroup container) { this.context = context; this.customViewContainer = container; } @Override public void onShowCustomView(View view, CustomViewCallback callback) { if (xCustomView != null) { callback.onCustomViewHidden(); return; } xCustomView = view; customViewContainer.addView(view, new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)); videowebview.setVisibility(View.GONE); xCustomViewCallback = callback; } // 在全屏播放结束后，需要移除自定义视图并恢复原状态 @Override public void onCustomViewHidden() { if (xCustomView == null) { return; } customViewContainer.removeView(xCustomView); xCustomView = null; videowebview.setVisibility(View.VISIBLE); xCustomViewCallback.onCustomViewHidden(); } } ``` 在`onClick`方法中，你需要处理横竖屏切换的逻辑。通常，你可以通过判断当前设备的方向来决定是否显示或隐藏全屏播放的控件，或者通过改变布局的方向来实现横屏效果。 这就是在Android中使用WebView实现全屏播放HTML5视频的基本步骤。需要注意的是，实际的项目可能会涉及到更多细节，比如处理不同设备的兼容性问题、视频控制（暂停、播放、音量等）、网络状态检查等。同时，为了提供更好的用户体验，你可能还需要处理视频的错误情况，如加载失败或无法播放等。