Video/Audio禁止快進（退）

　　首先接着上個隨筆。上個隨筆主要介紹了視頻音頻的相關操做、屬性和方法。這裏主要記錄一個應用：禁止快進（快退同理）。

　　思路：監聽快進事件（此處是監聽播放時間更新），利用一個緩存的時間和播放到的時間進行對比，若是時間大於1秒（保險起見使用2秒，以免在播放的時刻正好在計時的那一刻的尷尬），則代表是快播，給其重置回播放時間便可。

　　代碼：

 1 <video
 2     id="kingdom-video"
 3     :src="xxx"
 4     preload
 5     controls
 6     v-if="type==='video'">
 7     </video>
 8 
 9 onTimeUpdate() {
10       // 學習中
11       if (this.playObj.effectiveDuration < this.playObj.totalDuration) {
12         // 禁止快進
13         if (this.videoAss.currentTime - this.lastTimeString > 2) {
14           this.videoAss.currentTime = this.lastTimeString
15         } else {
16           this.lastTimeString = this.videoAss.currentTime
17         }
18       }
19 }
20 this.videoAss = document.getElementById('kingdom-video')
21     this.videoAss.addEventListener('timeupdate', () => { this.onTimeUpdate() })