HarmonyOS Web组件如何实现视频全屏播放

import { webview } from '@kit.ArkWeb'; 
 
@Entry 
@Component 
struct ShortWebPage { 
  controller: webview.WebviewController = new webview.WebviewController() 
  CONSTANT_HEIGHT = 100; 
  @State marginTop: number = this.CONSTANT_HEIGHT; 
  @State isVisible:boolean= true; 
 
  build() { 
    Column() { 
      Text('Stack').width('100%').height(this.CONSTANT_HEIGHT).backgroundColor('#e1dede').visibility(this.isVisible?Visibility.Visible:Visibility.None) 
      Web({ 
        src: "www.huawei.com", 
        controller: this.controller 
      }) 
        .onFullScreenEnter((event) => { 
          console.log("onFullScreenEnter...") 
          this.isVisible = false; 
        }) 
        .onFullScreenExit(() => { 
          console.log("onFullScreenExit...") 
          this.isVisible = true; 
        }) 
        .width('100%') 
        .height("100%") 
        .zIndex(10) 
        .zoomAccess(true) 
    }.width('100%').height('100%') 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.