JS - video.play（）はほんの数秒間しか再生できず、コンソールでエラーもなく停止します

Question

play（）関数はビデオが最後まで再生されず、evcentlistenerが閉じられ、コンソールにはエラーが表示されません私。それを修正
https://codepen.io/apistol/pen/LOgaWw?editors=1010

var video = document.getElementById("bgvid"); 
var fclick = document.getElementById("first-click"); 
var pauseButton = document.querySelector(".pause-button"); 

function addShowClass() { 
    var element = document.getElementById("fclick"); 
    element.classList.add("display-inherit"); 
} 

function vidPlay() { 
    video.play(); 
} 
video.addEventListener("timeupdate", function() { 
    if (this.currentTime >= 5) { 
    this.pause(); 
    addShowClass(); 
    this.removeEventListener("timeupdate", arguments.calee); 
    } 
}); 
pauseButton.addEventListener("click", function() { 
    if (video.paused) { 
    video.play(); 
    pauseButton.innerHTML = "Pause"; 
    } else { 
    video.pause(); 
    pauseButton.innerHTML = "Paused"; 
    } 
}) 

Answer 1

：ここ

はフルバージョンです。

var video = document.getElementById("bgvid"); 
var fclick = document.getElementById("first-click"); 
var pauseButton = document.querySelector(".pause-button"); 


function addShowClass() { 
    var element = document.getElementById("fclick"); 
    element.classList.add("display-inherit"); 
} 

function vidPlay() { 
     video.play(); 
} 



video.addEventListener("timeupdate", function() { 
    if(this.currentTime >= 5.00){ 
     this.pause(); 
     addShowClass(); 
     this.removeEventListener("timeupdate", arguments.callee); 
    } 
}); 

pauseButton.addEventListener("click", function() { 

    if(video.paused) { 
    video.play(); 
    pauseButton.innerHTML = "Pause"; 
    } else { 
    video.pause(); 
    pauseButton.innerHTML = "Paused"; 
    } 

}) 

あなたの試行で何も問題はありません。 removeEventListenerは削除できませんでした理由です

あなたは

this.removeEventListener("timeupdate", arguments.calee); 

を書きました。しかし、それは

this.removeEventListener("timeupdate", arguments.callee); 

する必要があります（呼び出し先でダブルリットルに注意してください）

：あなただけのタイプミスがありました行事。私はそれがコンソールであなたにそれを伝えない理由を知らない...