먼저, Video.js 플레이어를 초기화하는 코드를 작성해야 합니다. 이 코드는 동영상 플레이어를 생성하고 설정하는 역할을 합니다. 아래는 이를 위한 예시 코드입니다.

var player = videojs('my-video');

다음으로, 광고 프리 롤을 추가하려는 동영상 URL과 프리 롤 광고의 URL이 필요합니다. 아래는 예시 코드입니다.

var videoUrl = 'https://example.com/video.mp4';
var adUrl = 'https://example.com/ad.mp4';

이제 동영상을 재생하기 전에 프리 롤 광고를 추가해야 합니다. 이를 위해 Video.js의 before 이벤트를 사용합니다. 아래는 before 이벤트를 설정하는 예시 코드입니다.

player.on('before', function() {
  // 프리 롤 광고를 플레이어에 추가하는 코드
  player.src(adUrl);
  player.play();
});

위 코드는 before 이벤트가 발생했을 때, player.src(adUrl)을 통해 프리 롤 광고를 로드하고, player.play()를 통해 자동으로 광고를 재생합니다.

마지막으로, 동영상을 재생하는 코드를 작성해야 합니다. 아래는 예시 코드입니다.

player.src(videoUrl);
player.play();

위 코드는 프리 롤 광고를 재생한 후에 동영상을 로드하고 재생합니다.

이것으로 Video.js를 사용하여 동영상 재생 중에 플레이어에 자동으로 프리 롤 광고를 추가하는 방법을 알려드렸습니다. 자세한 내용은 Video.js 문서를 참조하시기 바랍니다.