HarmonyOS 鸿蒙Next：web组件使用WebLayoutMode.FIT_CONTENT后视频全屏显示区域异常的问题

layoutMode属性不支持动态修改

根据demo定位，引入的静态样式资源会导致在WebLayoutMode.FIT_CONTENT下出现该问题

可以在横竖屏切换时动态引入或删除资源

因为目前全量展示功能和网页视频全屏不适配，在不使用WebLayoutMode.FIT_CONTENT属性是可以获取网页高度然后动态设置，这样就可以规避视频的问题，参考代码：

import { webview } from '@kit.ArkWeb';
import { window } from '@kit.ArkUI';
import { common } from '@kit.AbilityKit';

const TEXT_ZOOM_RATION = 100

@Component
export struct ProgressWebView {
  @State progressValue: number = 0
  @State controller: WebviewController = new webview.WebviewController()
  @State url: string = ''
  @State aaa: number = 0
  @State bbb: number = 388
  @State ccc: number = 0
  private readonly TOTAL = 100
  nestedScroll?: NestedScrollOptions = {
    scrollBackward: NestedScrollMode.SELF_FIRST,
    scrollForward: NestedScrollMode.SELF_FIRST
  }
  handler: FullScreenExitHandler | null = null
  @Link fullScreen: boolean

  aboutToDisappear(): void {
    this.changeOrientation(false)
  }

  aboutToAppear(): void {
    webview.WebviewController.setWebDebuggingAccess(true)
  }

  build() {
    // Scroll(this.scroller) {
    Column() {
      Progress({ value: this.progressValue, total: this.TOTAL, type: ProgressType.Linear })
        .height('2vp')
        .style({ strokeWidth: 10, enableSmoothEffect: true })
        .visibility(this.progressValue == this.TOTAL || this.fullScreen ? Visibility.None : Visibility.Visible)
      Web({ controller: this.controller, src: this.url })
        .darkMode(WebDarkMode.Auto)
        .javaScriptAccess(true)
        .textZoomRatio(TEXT_ZOOM_RATION)
        .overviewModeAccess(true)
        .zoomAccess(true)
        .onlineImageAccess(true)
        .domStorageAccess(true)
        .fileAccess(true)
        .mediaPlayGestureAccess(true)
        .mixedMode(MixedMode.All)
        .cacheMode(CacheMode.Default)// .layoutMode(this.fullScreen ? WebLayoutMode.NONE : WebLayoutMode.FIT_CONTENT)
          // .layoutMode(WebLayoutMode.FIT_CONTENT)
        .horizontalScrollBarAccess(false)
        .verticalScrollBarAccess(false)
        .nestedScroll(this.nestedScroll)
        .onProgressChange((event) => {
          this.progressValue = event?.newProgress ?? 0
        })
        .onFullScreenEnter((event) => {
          this.aaa = 360
          this.bbb = 837
          this.fullScreen = true
          this.handler = event.handler
          let videoWidth = event.videoWidth ?? 0
          let videoHeight = event.videoHeight ?? 0
          if (videoWidth > videoHeight) {
            this.changeOrientation(true);
          }
        })
        .onPageEnd(() => {
          this.aaa = this.controller.getPageHeight()
          this.ccc = this.controller.getPageHeight()
        })
        .onFullScreenExit(() => {
          this.aaa = this.ccc
          this.bbb = 388
          this.fullScreen = false
          if (this.handler) {
            this.handler.exitFullScreen()
            this.changeOrientation(false);
          }
        })
        .height(this.aaa)
        .width(this.bbb)
    }
  }

  private changeOrientation(isLandscape: boolean) {
    let context: common.UIAbilityContext = getContext(this) as common.UIAbilityContext;
    window.getLastWindow(context).then((lastWindow) => {
      lastWindow.setPreferredOrientation(isLandscape ? window.Orientation.LANDSCAPE : window.Orientation.PORTRAIT)
    })
  }
}