【鸿蒙应用开发】HarmonyOS系统Arkts使用Video组件播放本地mp4文件

最新推荐文章于 2025-09-08 23:45:03 发布

原创

最新推荐文章于 2025-09-08 23:45:03 发布 · 981 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #华为 #鸿蒙 #鸿蒙应用

首先在rawfile文件夹里面放一个mp4文件

在这里插入图片描述

自定义Video组件

在这里插入图片描述

在videoSrc里面加上播放源的位置

// xxx.ets
@Component
export struct VideoCreateComponent {
  @State videoSrc: Resource = $rawfile('1.mp4')
  @State previewUri: Resource = $r('app.media.background')
  @State curRate: PlaybackSpeed = PlaybackSpeed.Speed_Forward_1_00_X
  @State isAutoPlay: boolean = false
  @State showControls: boolean = true
  controller: VideoController = new VideoController()

  build() {
    Column() {
      Video({
        src: this.videoSrc,
        previewUri: this.previewUri,
        currentProgressRate: this.curRate,
        controller: this.controller
      })
        .width('100%')
        .height(600)
        .autoPlay(this.isAutoPlay)