[javascript] Video.js를 사용하여 동영상 재생 중에 플레이어에 자동으로 포스트 롤 광고 추가하는 방법은 어떻게 되나요?

Video.js를 사용하여 동영상 재생 중에 플레이어에 자동으로 포스트 롤 광고를 추가하는 방법은 다음과 같습니다:

  1. Video.js 라이브러리를 다운로드하고 웹 페이지에 추가합니다.
    <link href="video.min.css" rel="stylesheet">
    <script src="video.min.js"></script>
    
  2. Video.js 플레이어를 생성하고 설정합니다.
    var player = videojs('my-video', {
      // Video.js 설정
    });
    
  3. 플레이어에 영상 소스를 추가하고 이벤트를 등록합니다.
    player.src({ 
      src: 'video.mp4',
      type: 'video/mp4'
    });
    
    player.on('ended', function() {
      // 포스트 롤 광고를 플레이어에 추가하는 코드
    });
    
  4. 포스트 롤 광고를 플레이어에 추가해야합니다. 이를 위해 Video.js에서 제공하는 videojs-contrib-ads 플러그인을 사용할 수 있습니다. 먼저 해당 플러그인을 다운로드하고 추가해야합니다.
    <script src="videojs.ads.js"></script>
    <script src="videojs.ads.css"></script>
    
  5. videojs-contrib-ads 플러그인을 초기화하고 포스트 롤 광고 설정을 추가합니다.
    var contribAdsPlugin = require('videojs-contrib-ads');
    player.ads();
    player.one('adsready', function() {
      player.ads.startLinearAdMode();
      player.src([
        {
          src: 'ad.mp4',
          type: 'video/mp4'
        }
      ]);
      player.play();
    });
    

위의 코드는 Video.js를 사용하여 동영상 플레이어에서 포스트 롤 광고를 자동으로 추가하는 방법에 대한 기본적인 가이드입니다. 자세한 내용 및 더 많은 설정 옵션에 대해서는 Video.js 공식 문서를 참조해 주세요.

참고 문서: