日常應(yīng)用場(chǎng)景中，可能會(huì)遇到這么一個(gè)情況，需要判斷用戶是否完整的觀看完了一部視頻，在這個(gè)場(chǎng)景中，和視頻相關(guān)的事件大體涉及到幾個(gè)部分，獲取視頻長度，視頻開始播放，暫停播放和播放結(jié)束，下面來看下如何通過JavaScript來監(jiān)聽獲取視頻的這幾種狀態(tài)。

var elevideo = document.getElementById("video");elevideo.addEventListener('loadedmetadata', function () { //加載數(shù)據(jù)//視頻的總長度console.log(elevideo.duration,'瓦達(dá)無大');});elevideo.addEventListener('play', function () { //播放開始執(zhí)行的函數(shù)console.log("開始播放");document.getElementById("bofan").style.display = "none";});var elevideo = document.getElementById("video");elevideo.addEventListener('playing', function () { //播放中console.log("播放中");});var elevideo = document.getElementById("video");elevideo.addEventListener('waiting', function () { //加載console.log("加載中");});elevideo.addEventListener('pause', function () { //暫停開始執(zhí)行的函數(shù)console.log("暫停播放");document.getElementById("bofan").style.display="flex";});elevideo.addEventListener('ended', function () { //結(jié)束console.log("播放結(jié)束");document.getElementById("bofan").style.display="flex";}, false); 新人創(chuàng)作打卡挑戰(zhàn)賽發(fā)博客就能抽獎(jiǎng)！定制產(chǎn)品紅包拿不停！

總結(jié)

以上是生活随笔為你收集整理的JS判断视频Video的播放、暂停、结束完成及获取长度事件监听处理的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。