[javascript] Video.js를 사용하여 동영상 재생 중에 플레이어에 자동으로 포스트 롤 광고 추가하는 방법은 어떻게 되나요?
Video.js를 사용하여 동영상 재생 중에 플레이어에 자동으로 포스트 롤 광고를 추가하는 방법은 다음과 같습니다:
- Video.js 라이브러리를 다운로드하고 웹 페이지에 추가합니다.
<link href="video.min.css" rel="stylesheet"> <script src="video.min.js"></script>
- Video.js 플레이어를 생성하고 설정합니다.
var player = videojs('my-video', { // Video.js 설정 });
- 플레이어에 영상 소스를 추가하고 이벤트를 등록합니다.
player.src({ src: 'video.mp4', type: 'video/mp4' }); player.on('ended', function() { // 포스트 롤 광고를 플레이어에 추가하는 코드 });
- 포스트 롤 광고를 플레이어에 추가해야합니다. 이를 위해 Video.js에서 제공하는
videojs-contrib-ads
플러그인을 사용할 수 있습니다. 먼저 해당 플러그인을 다운로드하고 추가해야합니다.<script src="videojs.ads.js"></script> <script src="videojs.ads.css"></script>
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 공식 문서를 참조해 주세요.
참고 문서:
- Video.js 공식 사이트: https://videojs.com/
- videojs-contrib-ads 플러그인: https://github.com/videojs/videojs-contrib-ads