[javascript] Video.js를 사용하여 동영상 자동 재생 기능을 구현하는 방법은 무엇인가요?

24 Nov 2023

javascript

Video.js 라이브러리를 다운로드하고 웹 페이지에 추가합니다.
HTML에서 동영상을 플레이할 영역을 지정합니다. 예를 들어,
자바스크립트 코드에서 Video.js를 초기화하고 동영상 URL을 설정합니다.

<video id="my-video" class="video-js" autoplay controls>
  <source src="path/to/your/video.mp4" type="video/mp4">
</video>

<script src="path/to/video.js"></script>
<script>
  var player = videojs('my-video');
  player.play();
</script>

위의 코드에서, autoplay 속성은 동영상이 자동으로 재생되도록 설정합니다. controls 속성은 플레이어에 제어 버튼을 보여줍니다.

Video.js를 사용하면 다양한 컨트롤 기능을 추가할 수 있고, CSS를 통해 디자인을 커스터마이징할 수 있습니다. 자세한 내용은 Video.js 공식 문서를 참조하시기 바랍니다.