鸿蒙UI系统组件07——视频播放器(Video)

如果你对鸿蒙开发感兴趣，加入“Harmony自习室”吧！扫描下面名片，关注公众号。

1、概述

Video组件用于播放视频文件并控制其播放状态，常用于为短视频应用和应用内部视频的列表页面。当视频完整出现时会自动播放，用户点击视频区域则会暂停播放，同时显示播放进度条，通过拖动播放进度条指定视频播放到具体位置。

Video组件已经封装好了视频播放的基础能力，开发者无需进行视频实例的创建，视频信息的设置获取，只需要设置数据源以及基础信息即可播放视频，相对扩展能力较弱。

2、创建视频组件

Video通过调用接口来创建，接口调用形式如下：

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

该接口用于创建视频播放组件。其中，src指定视频播放源的路径，currentProgressRate用于设置视频播放倍速，previewUri指定视频未播放时的预览图片路径，controller设置视频控制器，用于自定义控制视频。

Video组件支持加载本地视频和网络视频。

2.1、加载本地视频

• 普通本地视频。

加载本地视频时，首先在本地rawfile目录指定对应的文件，如下图所示。

再使用资源访问符$rawfile()引用视频资源。

@Componentexport struct VideoPlayer{
  
     private controller:VideoController;   private previewUris: Resource = $r ('app.media.preview');   private innerResource: Resource = $rawfile('videoTest.mp4');   build(){
  
       Column() {
  
         Video({
  
           src: this.innerResource,         previewUri: this.previewUris,         controller: this.controller       })   }