JavaScript key down button for progress bar on video

videoPlayer.js

videoPlayer.pug

  video의 되감기와 앞으로 가기는 화살표 좌우 방향으로 했다. 각각의 key code 값은 37과 39이다. 또한 뒤로 가기를 눌렀을 때 video의 시간이 (-)minus가 되지 않도록 하고 앞으로 갔을 때 video의 총 시간을 초과하지 않도록 조건을 준다.

  뒤로 가기와 앞으로 가기의 시간은 10s다. video의 실제 시간을 변경하고 동시에 progressBar에도 변화를 준다.

handleKeydown()

소스 코드

github.com/zpskek/wetube-v3/commit/c05747baf64a1cbf36c1045820f9c4f3b0cf41bd