推荐视频播放统计

pages/video/video.nvue

@@ -9,6 +9,8 @@
 					<video :show-fullscreen-btn="false" @controlstoggle="controlstoggles" object-fit="cover"
 						v-if="isShowVideo == item.courseDetailsId && item.videoUrl" :play-strategy="2"
 						:show-loading="true" codec="software" :muted="false" :show-center-play-btn="true" :loop="true"
+						@timeupdate="timeupdate"
+						@play="videoPlay('myVideo'+item.courseDetailsId, item.courseDetailsId)"
 						@ended="ended" :enable-progress-gesture="false" :poster="item.titleImg"
 						:ref="'myVideo'+item.courseDetailsId" :id="'myVideo'+item.courseDetailsId" :src="item.videoUrl"
 						:autoplay="item.autoPlay" class="swipers-items-video"></video>
@@ -164,6 +166,8 @@
 					'width': '750rpx',
 				},
 				isShowVideo: '',
+				playFlag: false
+
 			};
 		},
 		onShow() {
@@ -204,6 +208,38 @@
 			this.$forceUpdate()
 		},
 		methods: {
+			//播放时的回掉
+			videoPlay(videoId,courseDetailsId) {
+				this.courseDetailsId = courseDetailsId
+				if ( !this.playFlag ) {
+					this.playFlag = true
+					httpsRequest.getT('app/course/viewCourse', {
+						courseId: this.courseId,
+						courseDetailsId: courseDetailsId,
+						type: 'start'
+					}).then(res => {
+						console.log('播放开始')
+					})
+				}
+				
+			},
+			//播放进度变化回掉
+			timeupdate(e) {
+			
+				if (e.detail.currentTime > e.detail.duration*0.9) {
+					if ( this.playFlag) {
+						this.playFlag = false
+						httpsRequest.getT('app/course/viewCourse', {
+							courseId: this.courseId,
+							courseDetailsId: this.courseDetailsId,
+							type: 'end'
+						}).then(res => {
+							console.log('播放结束')
+						})
+					}
+				}
+				
+			},
 			appear(e, index) {
 				this.current = index
 				this.showControls = true