實(shí)現(xiàn)video視頻播放記錄當(dāng)前播放進(jìn)度，下次播放時(shí)從上次播放進(jìn)度開始播放

2023-08-11 14:05| 來源: 網(wǎng)絡(luò)整理| 查看: 265

今天接到一個(gè)需求，要求用戶播放視頻時(shí)，退出后下次再次播放此視頻時(shí)需要從上次播放的進(jìn)度開始播放，這里我們使用到了video標(biāo)簽的currentTime屬性(設(shè)置或返回音頻/視頻中的當(dāng)前播放位置（以秒計(jì)）)以及timeupdate方法(當(dāng)目前的播放位置已更改時(shí)觸發(fā))

例：

1：html

2：js

var?myvideo?=?document.getElementsByTagName("video")[0] var?setTimeFlag?=?1;//currentTime屬性賦值次數(shù) //當(dāng)目前的播放位置已更改時(shí)觸發(fā) myvideo.addEventListener("timeupdate",?function(){ ????if(setTimeFlag?==?1){ ????//獲取localStorage中記錄的currentTime值，并給currentTime屬性進(jìn)行賦值 ????????if?(localStorage.getItem('currentTime'?+?'{$study->study_id}')?!=?null)?{ ????????????var?time?=?localStorage.getItem('currentTime'?+?'{$study->study_id}'); ????????????myvideo.currentTime?=?time; ???? ????????} ????setTimeFlag?=?2; ????} ????//獲取當(dāng)前播放位置的秒數(shù)，并設(shè)置localStorage ?????var?currentTime?=?myvideo.currentTime; ???localStorage.setItem('currentTime'?+?'{$study->study_id}',?currentTime) });

根據(jù)如上我們就可以實(shí)現(xiàn)下次播放視頻時(shí)，從上次播放的位置進(jìn)行播放

【本文地址】

公司簡介

聯(lián)系我們

今日新聞

推薦新聞

專題文章

欧美亚洲男男视频,亚洲av 日本av 欧美av,亚洲欧美国产综合Av学生,污黄操天天夜夜操天

實(shí)現(xiàn)video視頻播放記錄當(dāng)前播放進(jìn)度，下次播放時(shí)從上次播放進(jìn)度開始播放

實(shí)現(xiàn)video視頻播放記錄當(dāng)前播放進(jìn)度，下次播放時(shí)從上次播放進(jìn)度開始播放