개발자의 끄적끄적

[javascript/jquery] javascript video timeupdate event example / 자바스크립트 비디오 재생시간 변경 이벤트 예제 html 에서 video 태그를 이용하여 영상을 재생하다보면 현재 재생되고 있는 시간을 따로 표기하거나 남은시간을 계산하거나 하는 경우가 있습니다. 그럴때는 영상의 현재 재생 위치를 실시간으로 저장하고 있어야 합니다. video 태그의 timeupdate 이벤트를 이용하여 실시간으로 재생위치정보를 가져올 수 있습니다. 우선 아래와 같은 video 태그가 있다고 가정하고, 아래나와있는 내용처럼 eventListner 를 이용해서 timeupdate 이벤트를 선언해서 사용하시면 됩니다. video.addEventListener('timeupdate'..

[javascript/jquery] how to catch video seeking event / 비디오태그 seek 이벤트 예제 html 에서 영상을 재생할때 video 태그를 사용합니다! 그중에서 video 재생중 탐색 즉, 영상재생위치를 앞이나 뒤로 이동하는 것을 제어해야 하는 경우가 있습니다. 그럴때 사용하는 event 가 seeking 입니다. 우선 아래와 같은 video 태그가 있다고 가정하고, 위 video 가 재생되는 중 재생위치 검색을 제어하고 싶으면 아래와 같은 eventListner 를 생성하고 로직을 작성하시면 됩니다! video.addEventListener('seeking', function() { // to do }); 참고들 하세요!