feat：增加视频播放器重播UI

@@ -19,7 +19,7 @@ export struct VideoPlayPage {
   @State totalTime: string = ''
   @State totalTime: string = ''
   @State progressVal: number = 0;
   @State progressVal: number = 0;
   @Provide topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
   @Provide topSafeHeight: number = AppStorage.get<number>('topSafeHeight') || 0
-
+  @State isPlayEnd: boolean = false
 
 
   aboutToAppear(): void {
   aboutToAppear(): void {
     let par: Action = router.getParams() as Action
     let par: Action = router.getParams() as Action
@@ -35,6 +35,9 @@ export struct VideoPlayPage {
     this.playerController.onCanplay = () => {
     this.playerController.onCanplay = () => {
       this.playerController.play()
       this.playerController.play()
     }
     }
+    this.playerController.onStatusChange = (status: number) =>{
+      this.isPlayEnd = status === 5 ? true:false
+    }
   }
   }
 
 
   build() {
   build() {
@@ -55,6 +58,22 @@ export struct VideoPlayPage {
         this.getTopUIComponent()
         this.getTopUIComponent()
         Stack()
         Stack()
           .layoutWeight(1)
           .layoutWeight(1)
+        Column(){
+          Image($r('app.media.icon_live_player_replay')).width(40).height(40)
+            .onClick(() => {
+              this.progressVal = 0
+              this.isPlayEnd = false
+              this.playerController.firstPlay(this.videoUrl)
+            })
+          Text('重播').fontColor(Color.White).fontSize(14)
+        }
+        .justifyContent(FlexAlign.Center)
+        .backgroundColor("#80000000")
+        .width('100%')
+        .height('60%')
+        .visibility(this.isPlayEnd ? Visibility.Visible : Visibility.None)
+        Stack()
+          .layoutWeight(1)
         this.getBottomUIComponent()
         this.getBottomUIComponent()
       }
       }
     }
     }
@@ -82,43 +101,42 @@ export struct VideoPlayPage {
       .alignItems(VerticalAlign.Center)
       .alignItems(VerticalAlign.Center)
       .margin({ top: `${this.topSafeHeight}px` })
       .margin({ top: `${this.topSafeHeight}px` })
     }.width('100%')
     }.width('100%')
-    // .padding({
-    //   top: 20,
-    //   bottom: 6,
-    //   left: 10,
-    //   right: 10
-    // })
     .alignItems(HorizontalAlign.Start)
     .alignItems(HorizontalAlign.Start)
   }
   }
 
 
   @Builder
   @Builder
   getBottomUIComponent() {
   getBottomUIComponent() {
-    Row() {
-      this.playOrPauseBtn()
-      Text(this.currentTime)
-        .fontColor(Color.White)
-        .fontWeight(600)
-        .fontSize('12fp')
-        .margin({
-          left: 16
-        })
-      this.playProgressView()
-      Text(this.totalTime)
-        .fontColor(Color.White)
-        .fontWeight(600)
-        .fontSize('12fp')
-        .margin({
-          right: 16
-        })
+    Column(){
+      Row() {
+        this.playOrPauseBtn()
+        Text(this.currentTime)
+          .fontColor(Color.White)
+          .fontWeight(600)
+          .fontSize('12fp')
+          .margin({
+            left: 16
+          })
+        this.playProgressView()
+        Text(this.totalTime)
+          .fontColor(Color.White)
+          .fontWeight(600)
+          .fontSize('12fp')
+          .margin({
+            right: 16
+          })
+      }
+      .alignItems(VerticalAlign.Center)
+      .height(40)
+      .width('100%')
+      .visibility(this.isPlayEnd ? Visibility.None:Visibility.Visible)
+      .padding({
+        left: 10,
+        right: 10,
+      })
     }
     }
-    .alignItems(VerticalAlign.Center)
+    .align(Alignment.Top)
+    .height(64)
     .width('100%')
     .width('100%')
-    .padding({
-      left: 10,
-      right: 10,
-      top: 15,
-      bottom: 15
-    })
   }
   }
 
 
   @Builder
   @Builder