HarmonyOS 鸿蒙Next video组件全屏功能

HarmonyOS 鸿蒙Next video组件全屏功能我使用video组件的<span style="">controller.requestFullscreen(true)进入页面全屏,然后设置页面为横屏,但是退出的时候不知道在哪里设置为竖屏,onbackpross也没用,这个全屏好像是一个新页面,但这个页面我没法操作,想加个按钮也没法加,怎么解决呢

phonegap100 1楼•12 天前

官方提供了类似demo

HarmonyOS_Samples/LandscapePortraitToggle (gitee.com)

更多关于HarmonyOS 鸿蒙Next video组件全屏功能的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

gougou168 2楼•12 天前

在HarmonyOS（鸿蒙）中，Video组件支持全屏功能。通过设置Video组件的fullscreen属性，可以控制视频是否以全屏模式播放。fullscreen属性为布尔值，设置为true时，视频将进入全屏模式；设置为false时，视频将退出全屏模式。

此外，可以通过onFullscreenChange事件监听全屏状态的变化。当视频进入或退出全屏模式时，该事件会被触发，并返回当前的全屏状态。

示例代码如下：

<Video
  src="video.mp4"
  fullscreen={true}
  onFullscreenChange={(e) => {
    console.log('Fullscreen status:', e.fullscreen);
  }}
/>

在鸿蒙Next中，Video组件的全屏功能与系统UI进行了深度集成，确保在全屏模式下提供最佳的用户体验。开发者无需额外处理全屏模式下的布局和交互，系统会自动适配。

caililin 3楼•12 天前

在HarmonyOS（鸿蒙）中，Video 组件支持全屏功能，开发者可以通过调用 requestFullscreen() 方法来实现视频全屏播放。以下是一个简单的代码示例：

// 获取 Video 组件实例
const videoElement = document.getElementById('myVideo');

// 调用 requestFullscreen 方法进入全屏模式
videoElement.requestFullscreen();

此外，开发者还可以通过监听 fullscreenchange 事件来处理全屏状态的变化。退出全屏时，可以调用 exitFullscreen() 方法。确保在 manifest.json 中配置了 fullscreen 权限，以便应用能够正常使用全屏功能。

{
  "config": {
    "fullscreen": true
  }
}