Android WebView 实现全屏网页视频播放与横竖屏切换

在Android开发中，利用WebView实现全屏切换播放网页视频的功能是一个常见的需求，尤其是在构建应用时需要集成网页内容并提供用户友好的观看体验。本文将详细介绍如何通过布局文件和Java代码来实现这一功能。 首先，我们需要在布局文件`activity_main.xml`中设置基本结构。这个布局采用了一个LinearLayout，其ID为`container`，设置为填充满父布局，垂直方向布局。其中包含了三个主要组件： 1. `<FrameLayout id="@+id/video_view">`: 这个FrameLayout用于承载全屏模式下的视频。当进入全屏时，视频将会从WebView中分离出来，并在这个布局中显示。初始时，它的`visibility`属性设为`gone`，意味着它在屏幕上不可见。 2. `<Button id="@+id/video_landport">`: 这是一个水平布局的Button，用于触发全屏模式。按钮文本为"全屏不显示该按钮，点击切换横屏"，点击后会隐藏或显示该按钮，同时切换视频的显示方式。 3. `<WebView id="@+id/video_webview">`: WebView是Android内置的用于渲染HTML、CSS和JavaScript内容的组件。在默认情况下，它占据了整个屏幕。这是视频播放的主要界面，但在全屏模式下会被隐藏。 在MainActivity.java文件中，我们需要定义相应的成员变量来引用这些控件： ```java private FrameLayout video_view; // 全屏视频容器 private Button video_landport; // 横竖屏切换按钮 private WebView video_webview; // 视频Webview @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); video_view = findViewById(R.id.video_view); video_landport = findViewById(R.id.video_landport); video_webview = findViewById(R.id.video_webview); video_landport.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if (video_view.getVisibility() == View.GONE) { // 显示全屏视图 video_view.setVisibility(View.VISIBLE); video_webview.setVisibility(View.GONE); // 可能还需要调整窗口方向，如使用WindowManager设置Display参数 setFullScreenMode(); } else { // 隐藏全屏视图 video_view.setVisibility(View.GONE); video_webview.setVisibility(View.VISIBLE); // 返回默认布局 setNormalMode(); } } }); } private void setFullScreenMode() { // 在这里处理全屏模式，例如改变窗口方向，禁用软键盘等 // 可能需要重写onConfigurationChanged方法来响应屏幕方向变化 // 如果有视频播放器组件，可以使用VideoView或者ExoPlayer等来播放 } private void setNormalMode() { // 设置回正常模式，恢复默认布局和行为 // 恢复窗口方向，允许软键盘弹出，如果需要 } ``` 在`setFullScreenMode()`方法中，你需要根据设备的方向和窗口管理器API来调整应用程序的行为，比如切换到横屏模式，关闭软键盘，以及可能的话，启动一个视频播放器来替代WebView显示视频。同样，在`setNormalMode()`中，你需要恢复到初始状态，让WebView重新接管视频播放。 通过这样的设计，当用户点击全屏按钮时，WebView中的视频会被转移到FrameLayout中显示，而WebView本身则被隐藏，实现了全屏播放的效果。这种技术在开发沉浸式用户体验的应用中非常实用，能够提升用户的观看体验。