html5 video 컨트롤 이벤트

아래 글에도 자세히 나와 있지만

 

그냥 직관적인 예시

 

var video = document.getElementById("video");

 

function StartPauseHandler(e) {
  if (e.type === "pause") {
    console.log("paused");
  } else if (e.type === "playing") {
    console.log("playing");
  } else {
     if(!this.paused) {
      this.pause();
    } else {
      this.play();;
    }
  }
}

 

video.addEventListener("click", StartPauseHandler);
video.addEventListener("pause", StartPauseHandler);
video.addEventListener("playing", StartPauseHandler);