【鸿蒙实战开发】HarmonyOS中视屏/全屏播放实现

一、介绍
基于鸿蒙Next模拟视频播放，正常播放与全屏播放

二、场景需求
大多数视频播放器都会有一个全屏按钮，通常位于视频播放窗口的右下角。点击该按钮可以进入全屏模式

三、业务步骤
第一步：准备好播放的视屏，点击左下方播放按钮，播放视频
第二部：中间可以暂停或者开始
第三步：可以拖动进度条
第三步：可以点击右下角放大icon，进行全屏播放，或者恢复正常播放

●更多鸿蒙最新技术知识点，请移步前往小编：https://gitee.com/

四、效果展示

五：代码展示：

import promptAction from '@ohos.promptAction'
import { videoSlider } from "../view/videoSlider"

@Entry
@Component
struct VideoPlayer {
  @State videoSrc: string  = '/common/videos/v1.mp4'
  @State videoImg: string = '/common/videos/img1.png'
  @State videoTitle: string  = "视频标题"
  @State isSupport: boolean  = false
  @State currentProgressRate: number = 1
  @State isPlay: boolean = false; //是否播放视频
  @State isAmplify: boolean = false; //是否放大
  @State progressVal: number = 0; //
  @State outSetValueOne: string = "0"; //视频时常
  @State startTime: string = "00:00"; //开始时间
  @State endTime: number = 0; //结束时间
  @State endStringTime: string = "00:00"; //结束时间
  @State currentTime: nu