1. Video.js 설치 및 설정: Video.js를 사용하기 위해 먼저 해당 라이브러리를 설치해야 합니다. npm을 사용한다면 다음 명령을 실행하세요:

   npm install video.js
   

   설치가 완료되면 HTML 파일에 다음과 같이 Video.js와 스타일 시트를 포함시켜야 합니다:

   <link href="https://vjs.zencdn.net/7.14.3/video-js.css" rel="stylesheet" />
   <script src="https://vjs.zencdn.net/7.14.3/video.js"></script>
   

2. 중간 화면 광고 추가하기: Video.js에서 중간 화면 광고를 추가하는 방법은 ‘midroll’을 사용하는 것입니다.

   var player = videojs('my-video');
   
   player.midrollAds({
     src: 'path/to/ad/videofile.mp4',
     skip: 5, // 이 부분은 광고 건너뛰기 버튼이 표시되는 시간(초)입니다.
     time: 10 // 이 부분은 동영상 재생 중 광고가 표시될 시간(초)입니다.
   });
   

   위의 예제 코드에서 ‘my-video’는 당신의 동영상 플레이어의 ID입니다. ‘src’는 중간 광고의 동영상 파일 위치입니다. ‘skip’은 광고를 건너뛰기 버튼이 표시되는 시간입니다. ‘time’은 동영상 재생 중 광고가 표시될 시간입니다.

   해당 코드를 Video.js 초기화 코드 다음에 추가하면 동영상 재생 중 플레이어에 중간에 화면 광고가 표시됩니다.

3. 화면 광고 스타일 및 동작 수정하기: Video.js를 사용하면 중간 화면 광고의 스타일과 동작을 수정할 수 있습니다. 자세한 내용은 Video.js 공식 문서를 참조하세요.

이렇게하면 Video.js를 사용하여 동영상 재생 중에 플레이어에 중간에 나타나는 화면 광고를 추가할 수 있습니다.