커스텀 HTML5 동영상 플레이어
2020. 4. 22. 15:12ㆍToday I learned/Tutorials
튜토리얼 출처: JavaScript30
튜토리얼 이름: Day 11 - Custom HTML5 Video Player
튜토리얼 분류: JavaScript
튜토리얼 설명: JavaScript로 커스텀 동영상 플레이어 기능 추가하기
진행기간: 2020년 4월 22일
JavaScript로 HTML Video 요소 다루기
- currentTime, duration, autoplay, paused, playbackRate, volume 등 동영상의 속성을 설정할 수 있음
- play(), pause() 등의 메서드로 동영상을 조절할 수 있음
미디어 요소가 재생될 때, 멈출 때 코드 실행하기
- 미디어 요소가 재생될 때, 그리고 멈출 때 코드가 실행되도록 Event Listener를 등록할 수 있음
- play, pause 이벤트에 대해 Event Listener를 등록해주면 됨
'Today I learned > Tutorials' 카테고리의 다른 글
| 이미지 슬라이드 효과 마우스 스크롤과 연동시키기 (0) | 2020.04.25 |
|---|---|
| 특정 키 조합에 반응하는 웹페이지 (0) | 2020.04.23 |
| 쉬프트 클릭으로 여러 체크박스 선택하기 (0) | 2020.04.22 |
| 개발자 도구 정복하기 (0) | 2020.04.20 |
| HTML5 캔버스로 무지개빛 선 그리기 (0) | 2020.04.19 |