[javascript] Video.js를 사용하여 동영상 재생 중에 플레이어에 특정 시간대 광고 추가하는 방법은 어떻게 되나요?
  1. 먼저, Video.js를 웹 페이지에 포함해야 합니다. 아래의 스크립트 태그를 사용하여 Video.js를 로드할 수 있습니다:
<script src="https://vjs.zencdn.net/7.14.3/video.js"></script>
  1. 동영상을 플레이어에 추가합니다. HTML의 video 요소를 사용하여 동영상을 정의하고, 그 아래에 video.js 스크립트를 사용하여 동영상을 초기화합니다:
<video id="my-video" class="video-js" controls>
  <source src="path/to/your/video.mp4" type="video/mp4">
</video>

<script>
  var player = videojs('my-video');
</script>
  1. 광고를 추가할 시간대를 지정합니다. 특정 시간대에 광고를 추가하려면 advertisements 플러그인을 사용할 수 있습니다. Video.js에서는 videojs-contrib-ads 플러그인을 사용하여 광고 관리를 수행합니다. 해당 플러그인을 포함하는 스크립트를 추가합니다:
<script src="https://vjs.zencdn.net/7.14.3/videojs-contrib-ads.js"></script>
  1. 광고를 지정한 시간대에 플레이어에 추가합니다. 다음은 광고를 특정 시간대에 추가하는 예시입니다:
player.ads();

player.on('readyforpreroll', function() {
    player.ads.startLinearAdMode();
    // 광고 동영상 재생 등의 로직을 추가합니다.
});

player.on('adended', function() {
    player.ads.endLinearAdMode();
    // 광고가 종료된 후의 로직을 추가합니다.
});

player.trigger('adsready');

위의 코드에서 readyforpreroll 이벤트는 광고가 재생되기 전에 트리거되는 이벤트를 나타냅니다. adended 이벤트는 광고 재생이 완료된 후 트리거되는 이벤트입니다.

이제 Video.js를 사용하여 동영상 플레이어에 광고를 추가할 수 있습니다. 자세한 내용은 Video.js의 공식 문서와 videojs-contrib-ads 플러그인의 문서를 참조하시기 바랍니다.