HarmonyOS webview如何让页面里的视频全屏横屏

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

可以使用ArkUI的媒体查询接口实现横屏,可以在web的onFullScreenEnter和onFullScreenExit回调中监听是否点击全屏的按键,在这两个回调里使用媒体查询接口实现视频横向和竖向。

参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5#onfullscreenenter9

当网页视频横向后需要在H5中设置横向宽高来适配使页面全屏,媒体查询接口只是让手机横屏。当网页视频横向后需要在H5中设置横向宽高来适配使页面全屏。ArkWeb基于chromium,支持FullScreen等w3c标准。

关键代码:

// xxx.ets
import web_webview from '@ohos.web.webview'

@Entry
@Component
struct WebComponent {
  controller: web_webview.WebviewController = new web_webview.WebviewController()
  handler: FullScreenExitHandler | null = null
  build() {
    Column() {
      Web({ src:'www.index.com', controller:this.controller })
        .onFullScreenEnter((event) => {
          console.log("onFullScreenEnter...")
          this.handler = event.handler
        })
    }
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS webView视频展示
33浏览 • 1回复 待解决
HarmonyOS 如何app支持
17浏览 • 1回复 待解决
page页面如何设置为显示
1755浏览 • 1回复 待解决
openharmony jsFA 如何显示?
7325浏览 • 1回复 待解决
HarmonyOS video如何播放?
318浏览 • 1回复 待解决