feat：优化文章详情页视频播放

@@ -126,8 +126,20 @@ export struct WdWebLocalComponent {
 
 
           if (this.videoUrl) {
           if (this.videoUrl) {
             Stack({ alignContent: Alignment.Bottom }) {
             Stack({ alignContent: Alignment.Bottom }) {
+              ForEach([this.videoUrl], (compIndex: number) => {
+                ///解决播放器复用问题，后期优化（第二段视频播放器会先闪现第一段视频的画面）
+                ListItem() {
                   this.videoComp()
                   this.videoComp()
                 }
                 }
+                .onClick(() => {
+                  if (this.progressOpacity <= 0) {
+                    this.progressOpacity = 1
+                  } else {
+                    this.progressOpacity = 0
+                  }
+                })
+              })
+            }
             .width(this.positionWidth)
             .width(this.positionWidth)
             .height(this.positionHeight)
             .height(this.positionHeight)
             .alignRules({
             .alignRules({
@@ -281,15 +293,6 @@ export struct WdWebLocalComponent {
           WindowModel.shared.setPreferredOrientation(window.Orientation.PORTRAIT)
           WindowModel.shared.setPreferredOrientation(window.Orientation.PORTRAIT)
         }
         }
       })
       })
-      .onClick(() => {
-        // animateTo({duration: 1000}, () => {
-          if (this.progressOpacity <= 0) {
-            this.progressOpacity = 1
-          } else {
-            this.progressOpacity = 0
-          }
-        // })
-      })
 
 
     if (this.isEndPlay){
     if (this.isEndPlay){
       Column(){
       Column(){
@@ -307,6 +310,7 @@ export struct WdWebLocalComponent {
       .width(this.positionWidth)
       .width(this.positionWidth)
       .height(this.positionHeight)
       .height(this.positionHeight)
     }else {
     }else {
+      Column(){
         Row() {
         Row() {
           Image(this.isPause ? $r('app.media.icon_play') : $r('app.media.icon_pause'))
           Image(this.isPause ? $r('app.media.icon_play') : $r('app.media.icon_pause'))
             .interpolation(ImageInterpolation.Medium)
             .interpolation(ImageInterpolation.Medium)
@@ -346,6 +350,7 @@ export struct WdWebLocalComponent {
                 this.controller.setCurrentTime(value);
                 this.controller.setCurrentTime(value);
                 if (mode == SliderChangeMode.End) {
                 if (mode == SliderChangeMode.End) {
                   if (this.isPause) {
                   if (this.isPause) {
+                    this.progressTimerNumber = 0
                     this.startPlay()
                     this.startPlay()
                   } else {
                   } else {
                     this.startProgressTimer()
                     this.startProgressTimer()
@@ -376,6 +381,10 @@ export struct WdWebLocalComponent {
         .padding({left:16})
         .padding({left:16})
         .alignItems(VerticalAlign.Center)
         .alignItems(VerticalAlign.Center)
       }
       }
+      .justifyContent(FlexAlign.End)
+      .width(this.positionWidth)
+      .height(this.positionHeight)
+    }
   }
   }
 
 
 }
 }