Tang 3 years ago
parent
commit
a0a2b6c4bb
1 changed files with 40 additions and 3 deletions
  1. 40 3
      src/pages/course-detail/index.vue

+ 40 - 3
src/pages/course-detail/index.vue

@@ -28,6 +28,19 @@
                 >
                   <div v-show="vid" id="player"></div>
                   <div v-show="vidzb" id="playerzb"></div>
+                  <div class="recordStyle" v-if="showRecordStatus">
+                    您上次看到{{
+                      $tools.secondToTime(recordObj.videoCurrentTime)
+                    }},正在自动续播<span
+                      style="
+                        display: inline-block;
+                        width: 50px;
+                        text-align: center;
+                      "
+                      >|</span
+                    >
+                    <span class="btn_sty" @click="backLI">从头播放</span>
+                  </div>
                 </div>
                 <div class="right-box">
                   <div class="right-box__header">
@@ -2303,6 +2316,7 @@ export default {
       veryIdCard: "",
       veryIdName: "",
       isPlayRebuild: false,
+      showRecordStatus: false,
     };
   },
   computed: {
@@ -2625,7 +2639,10 @@ export default {
       this.uploading = true;
       this.stampResultForm();
     },
-
+    backLI() {
+      this.player.j2s_seekVideo(0);
+      this.showRecordStatus = false;
+    },
     //验证表单
     stampResultForm() {
       for (let i = 0; i < this.listDataStamp.length; i++) {
@@ -4128,6 +4145,7 @@ export default {
             this.timeEvent
           );
         //播放视频
+        this.showRecordStatus = false;//隐藏播放记录提示
         this.sectionItem = section;
         console.log(section, "section");
         this.isPlayRebuild = section.rebuild;
@@ -4427,9 +4445,15 @@ export default {
 
         this.player.HTML5.video.addEventListener("timeupdate", self.timeEvent);
         this.player.on("s2j_onPlayStart", () => {
-          if (!this.recordObj.videoCurrentTime) {
+          if (this.recordObj.videoCurrentTime) {
+            this.showRecordStatus = true;
+            setTimeout(() => {
+              this.showRecordStatus = false;
+            }, 5000);
+          } else {
             //新视频直接提交一条观看记录
             this.postStudyRecord(0);
+            this.showRecordStatus = false;
           }
         });
 
@@ -5584,12 +5608,25 @@ export default {
             background-size: cover;
             background-position: center center;
             background-repeat: no-repeat;
-
+            position: relative;
             .video {
               width: 100%;
               height: 100%;
             }
           }
+          .recordStyle {
+            position: absolute;
+            bottom: 90px;
+            padding: 6px 12px;
+            left: 8px;
+            background-color: rgba(0, 0, 0, 0.4);
+            color: #fff;
+            border-radius: 24px;
+            user-select: none;
+            .btn_sty {
+              cursor: pointer;
+            }
+          }
 
           .right-box {
             width: 462px;