日常應用場景中，可能會遇到這么一個情況，需要判斷用戶是否完整的觀看完了一部視頻，在這個場景中，和視頻相關的事件大體涉及到幾個部分，獲取視頻長度，視頻開始播放，暫停播放和播放結束，下面來看下如何通過JavaScript來監聽獲取視頻的這幾種狀態。

var elevideo = document.getElementById("video");elevideo.addEventListener('loadedmetadata', function () { //加載數據//視頻的總長度console.log(elevideo.duration,'瓦達無大');});elevideo.addEventListener('play', function () { //播放開始執行的函數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 () { //暫停開始執行的函數console.log("暫停播放");document.getElementById("bofan").style.display="flex";});elevideo.addEventListener('ended', function () { //結束console.log("播放結束");document.getElementById("bofan").style.display="flex";}, false); 新人創作打卡挑戰賽發博客就能抽獎！定制產品紅包拿不停！

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。