video ui fix

@@ -26,7 +26,7 @@
         <order-item-info class="item-wrapper" />
         <order-item-info class="item-wrapper" />
         <!-- 鉴定视频 -->
         <!-- 鉴定视频 -->
         <div class="video-img" v-if="orderDetail.appraiseVideoUrl" @click="() => onVideoHandler()"></div>
         <div class="video-img" v-if="orderDetail.appraiseVideoUrl" @click="() => onVideoHandler()"></div>
-        <div ref="videoWrapper" class="video-wrapper">
+        <div class="video-wrapper">
           <VideoPlayer
           <VideoPlayer
             ref="videoPlayer"
             ref="videoPlayer"
             class="video-player"
             class="video-player"
@@ -222,12 +222,13 @@ export default {
   }
   }
 
 
   .video-img {
   .video-img {
+    display: block;
     margin-top: 40px;
     margin-top: 40px;
-    margin-left: -15px;
-    width: calc(100% + 20px);
+    width: 100%;
     height: 378px;
     height: 378px;
-    background: url("~statics/image/order/video-big@3x.png");
+    background: url("~statics/image/order/video-big@3x.png") no-repeat;
     background-size: cover;
     background-size: cover;
+    background-position: center;
   }
   }
 
 
   .video-wrapper {
   .video-wrapper {
@@ -236,7 +237,7 @@ export default {
 
 
   .video-player {
   .video-player {
     display: block;
     display: block;
-    height: 30px;
+    height: 40px;
     opacity: 0;
     opacity: 0;
   }
   }
 
 

@@ -122,7 +122,7 @@ export default {
     }
     }
   },
   },
   mounted() {
   mounted() {
-    this.showPlayer();
+    // this.showPlayer();
   },
   },
   beforeDestroy() {
   beforeDestroy() {
     if (this.player) {
     if (this.player) {
@@ -131,8 +131,10 @@ export default {
   },
   },
   methods: {
   methods: {
     parentHandleclick() {
     parentHandleclick() {
-      this.showVideo = true;
+      this.showPlayer();
+
       this.player.play();
       this.player.play();
+
       const timeId = setTimeout(() => {
       const timeId = setTimeout(() => {
         this.player.requestFullscreen();
         this.player.requestFullscreen();
         clearTimeout(timeId);
         clearTimeout(timeId);
@@ -143,6 +145,7 @@ export default {
         return;
         return;
       }
       }
 
 
+      this.showVideo = true;
       this.$nextTick(() => {
       this.$nextTick(() => {
         this.initPlayer();
         this.initPlayer();
       });
       });
@@ -187,14 +190,6 @@ export default {
           this.voiceBtn.removeClass(noVioceClass);
           this.voiceBtn.removeClass(noVioceClass);
         }
         }
       });
       });
-
-      // setTimeout(() => {
-      //   this.$yoho.getNetStatus({}, res => {
-      //     if (res && +res.wifi === 1) {
-      //       this.player.autoplay("muted");
-      //     }
-      //   });
-      // }, 1000);
     },
     },
     getTime() {
     getTime() {
       return new Date().getTime();
       return new Date().getTime();

@@ -24,7 +24,7 @@
                 @on-video="params => onVideoHandle(params)"
                 @on-video="params => onVideoHandle(params)"
               />
               />
             </div>
             </div>
-            <div ref="videoWrapper" class="video-wrapper">
+            <div class="video-wrapper">
               <VideoPlayer
               <VideoPlayer
                 :ref="order.orderCode"
                 :ref="order.orderCode"
                 class="video-player"
                 class="video-player"
@@ -109,15 +109,6 @@ export default {
         $video.parentHandleclick();
         $video.parentHandleclick();
       }
       }
     }
     }
-  },
-
-  mounted() {
-    if (this.$yoho.isAndroid) {
-      this.$refs.videoWrapper.forEach($vnode => {
-        $vnode.style.position = "absolute";
-        $vnode.style.top = "-1000px";
-      });
-    }
   }
   }
 };
 };
 </script>
 </script>