|
@@ -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;
|