HTML Video Player (javascript30 - 11)

비디오 플레이어 활용하기 

(https://github.com/KIMSG/javascript30/tree/master/day11)

Html, css, js 파일 총 3개가 있다.

 

1 2 3 4 5

/* Build out functions */ function togglePlay() {     const method = video.paused ? 'play' : 'pause';     video[method](); } Colored by Color Scripter

cs

paused 속성은 동영상이 재생중이면 true, 정지되어 있으면 false를 반환합니다.

https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/paused

1 2 3

function skip() {     video.currentTime += parseFloat(this.dataset.skip); } Colored by Color Scripter

cs

pareFloat :문자를 숫자의 형태로 출력이 가능합니다.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseFloat

duration : https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/duration

데이터의 크기?길이?를 모를때 반환해준다