【鸿蒙实战开发】HarmonyOS -ArkUI组件（Video）

一、Video

视频组件是用于应用程序中嵌入视频的一种方法。它可以让用户在网站上观看视频并与其进行交互。通常，视频组件将一个视频文件嵌入应用程序中，并提供一组控件，这些控件允许用户播放、暂停、跳过、音量调整和全屏等。通过使用视频组件，开发者可以更容易地将视频嵌入应用程序，使其更易于管理和控制。

🔎1.创建视频组件

语法说明：

Video(value: {src?: string | Resource, currentProgressRate?: number | string | PlaybackSpeed, previewUri?: string | PixelMap | Resource, controller?: VideoController})

其中，src指定视频播放源的路径，加载方式请参考加载视频资源，currentProgressRate用于设置视频播放倍速，previewUri指定视频未播放时的预览图片路径，controller设置视频控制器，用于自定义控制视频。

@Component
@Entry
export struct VideoPlayer{
  private controller:VideoController;
  private videosrc: string= 'https://video-js.51miz.com/preview/video/00/00/17/91/V-179173-F2183031.mp4' // 使用时请替换为实际视频加载网址
  build(){
    Column() {
      Video({
        src: this.videosrc,
        controller: this.controller
      })
    }
  }
}

2.加载视频资源

2.1 加载本地视频

@Component
@Entry
export struct VideoPlayer{
  private controller:VideoController;
  private innerResource: Resource = $rawfile('1.mp4');
  build() {
    Column() {
      Video({
        src: this.innerResource,
        controller: this.controller
      })
    }
  }
}
<