1. Video.js 라이브러리를 다운로드하고 HTML 문서에 추가합니다.

   <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. HTML 문서에 <video> 요소를 추가하고 data-setup 속성을 설정합니다.

   <video id="my-video" class="video-js" controls preload="auto" data-setup="{}">
     <source src="video.mp4" type="video/mp4">
   </video>
   

3. CSS를 사용하여 플레이어 크기를 조정합니다. 반응형 크기를 적용하기 위해 CSS 미디어 쿼리를 사용할 수 있습니다.

   .video-js {
     width: 100%;
     height: 100%;
   }
   

4. JavaScript를 사용하여 Video.js 플레이어를 초기화하고 반응형 크기를 적용합니다.

   var player = videojs('my-video');
   player.dimensions({
     width: '100%',
     height: 'auto'
   });
   

위의 코드를 사용하면 Video.js 플레이어의 크기가 동적으로 조정되어 브라우저 창의 크기에 따라 자동으로 조절됩니다.