[javascript] Video.js를 사용하여 동영상 재생 중에 버퍼링 상태를 표시하는 방법은 무엇인가요?

24 Nov 2023

javascript

Video.js를 HTML 페이지에 추가합니다. ```html

2. 동영상을 포함할 HTML 요소를 생성합니다.
```html
<video id="my-video" class="video-js" controls preload="auto" width="640" height="360">
  <source src="path/to/video.mp4" type="video/mp4" />
</video>

JavaScript 코드에서 Video.js를 초기화하고 버퍼링 상태를 표시하는 기능을 추가합니다. ```javascript var player = videojs(‘my-video’);

player.on(‘waiting’, function() { // 버퍼링 상태에 진입할 때 실행할 코드 작성 console.log(‘버퍼링 중…’); });

player.on(‘playing’, function() { // 버퍼링 상태를 벗어날 때 실행할 코드 작성 console.log(‘버퍼링 해제’); }); ```

위의 코드는 Video.js 플레이어를 초기화하고, 버퍼링이 발생할 때 “버퍼링 중…“이라는 문구를 콘솔에 출력하며, 버퍼링이 해제될 때 “버퍼링 해제”라는 문구를 출력합니다.

참고 문서:

Video.js 공식 문서: https://docs.videojs.com/
Video.js 버퍼링 이벤트: https://docs.videojs.com/docs/api/player.html#event:waiting
Video.js 재생 이벤트: https://docs.videojs.com/docs/api/player.html#event:playing