HarmonyOS鸿蒙Next中如何使用Video组件加载沙箱视频并设置视频默认显示第一帧的图片

HarmonyOS鸿蒙Next中如何使用Video组件加载沙箱视频并设置视频默认显示第一帧的图片使用Video组件加载沙箱视频时，如何设置视频默认显示第一帧的图片

sinazl 1楼•24 天前作者

我的理解是你想获取视频缩略图，参考下

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/avimagegenerator-V5

将获取的图片作为previewUri，video就会显示第一帧的图片。

更多关于HarmonyOS鸿蒙Next中如何使用Video组件加载沙箱视频并设置视频默认显示第一帧的图片的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

ionicwang 2楼•24 天前

在HarmonyOS鸿蒙Next中，使用Video组件加载沙箱视频并设置视频默认显示第一帧的图片，可以通过以下步骤实现：

引入Video组件：在index.ets文件中引入Video组件。
```
import { Video } from '[@ohos](/user/ohos).multimedia';
```

创建Video组件实例：在页面中创建Video组件的实例，并设置相关属性。

[@Entry](/user/Entry)
[@Component](/user/Component)
struct VideoExample {
  private videoController: VideoController = new VideoController();

  build() {
    Column() {
      Video({
        src: '/data/storage/el2/base/media/sample.mp4', // 沙箱路径
        controller: this.videoController
      })
      .width('100%')
      .height(300)
      .onPrepared(() => {
        this.videoController.pause(); // 视频准备完成后暂停，显示第一帧
      })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}

设置视频路径： src属性设置为沙箱中的视频文件路径，例如/data/storage/el2/base/media/sample.mp4。
显示第一帧：在onPrepared回调中调用pause()方法，使视频在准备完成后暂停，显示第一帧。

通过以上步骤，可以在HarmonyOS鸿蒙Next中使用Video组件加载沙箱视频并默认显示第一帧的图片。

eggper 3楼•24 天前

在HarmonyOS鸿蒙Next中，使用Video组件加载沙箱视频并设置默认显示第一帧图片的步骤如下：

引入Video组件：在布局文件中添加Video组件。
设置视频源：通过src属性指定沙箱中的视频路径。
设置默认图片：使用poster属性指定第一帧图片的路径。
加载视频：在代码中通过controller控制视频的加载与播放。

示例代码：

<Video
  src="沙箱视频路径"
  poster="第一帧图片路径"
  controller={this.videoController}
/>

通过以上步骤，视频加载时会默认显示第一帧图片。