修复视频崩溃

@@ -10,6 +10,7 @@ export struct PlayerProgressView {
   @Consume isOpenDetail: boolean
   @Consume isOpenDetail: boolean
   @Consume isDragging: boolean
   @Consume isDragging: boolean
   @State status: number = PlayerConstants.STATUS_START;
   @State status: number = PlayerConstants.STATUS_START;
+  @State videoDuration: number = this.contentDetailData?.videoInfo?.[0]?.videoDuration || 1
 
 
   aboutToAppear() {
   aboutToAppear() {
     if (this.playerController) {
     if (this.playerController) {
@@ -25,9 +26,9 @@ export struct PlayerProgressView {
   build() {
   build() {
     Column() {
     Column() {
       Text() {
       Text() {
-        Span(DateTimeUtils.secondToTime(Math.floor(this.progressVal / 100 * this.contentDetailData.videoInfo[0].videoDuration)))
+        Span(DateTimeUtils.secondToTime(Math.floor(this.progressVal / 100 * this.videoDuration)))
         Span(' / ')
         Span(' / ')
-        Span(DateTimeUtils.secondToTime(this.contentDetailData.videoInfo[0].videoDuration || 0))
+        Span(DateTimeUtils.secondToTime(this.videoDuration))
       }
       }
       .fontSize(24)
       .fontSize(24)
       .fontColor(Color.White)
       .fontColor(Color.White)
@@ -40,12 +41,16 @@ export struct PlayerProgressView {
         step: 0.01,
         step: 0.01,
         // style: SliderStyle.OutSet
         // style: SliderStyle.OutSet
       })
       })
-        .blockColor(this.status === PlayerConstants.STATUS_PAUSE || this.isDragging ? $r('app.color.play_block_color') : Color.Transparent)
-        .trackColor(this.status === PlayerConstants.STATUS_PAUSE || this.isDragging ? $r('app.color.pause_track_color') : $r('app.color.play_track_color'))
-        .selectedColor(this.status === PlayerConstants.STATUS_PAUSE || this.isDragging ? $r('app.color.pause_selected_color') : $r('app.color.play_selected_color'))
+        .blockColor(this.status === PlayerConstants.STATUS_PAUSE || this.isDragging ? $r('app.color.play_block_color') :
+        Color.Transparent)
+        .trackColor(this.status === PlayerConstants.STATUS_PAUSE || this.isDragging ?
+        $r('app.color.pause_track_color') : $r('app.color.play_track_color'))
+        .selectedColor(this.status === PlayerConstants.STATUS_PAUSE || this.isDragging ?
+        $r('app.color.pause_selected_color') : $r('app.color.play_selected_color'))
         .trackThickness(this.status === PlayerConstants.STATUS_PAUSE || this.isDragging ? 4 : 1)
         .trackThickness(this.status === PlayerConstants.STATUS_PAUSE || this.isDragging ? 4 : 1)
         .blockStyle({
         .blockStyle({
-          type: this.status === PlayerConstants.STATUS_PAUSE || this.isDragging ? SliderBlockType.IMAGE : SliderBlockType.DEFAULT,
+          type: this.status === PlayerConstants.STATUS_PAUSE || this.isDragging ? SliderBlockType.IMAGE :
+          SliderBlockType.DEFAULT,
           image: $r('app.media.ic_player_block')
           image: $r('app.media.ic_player_block')
         })
         })
         .blockSize({ width: 18, height: 12 })
         .blockSize({ width: 18, height: 12 })