Video.js는 HTML5 기반 동영상 플레이어 라이브러리입니다. 플레이어에 밑줄 강조 효과를 추가하는 방법은 다음과 같습니다.

1. Video.js 라이브러리를 HTML 페이지에 추가합니다.

<link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet">
<script src="https://unpkg.com/video.js/dist/video.min.js"></script>

1. 동영상 플레이어의 CSS 파일에서 .vjs-playing 클래스에 밑줄 스타일을 추가합니다. 이 클래스는 동영상이 재생 중일 때 적용됩니다.

.vjs-playing {
  text-decoration: underline;
}

1. HTML 페이지에서 동영상 플레이어를 생성합니다.

<video id="my-video" class="video-js vjs-default-skin" controls>
  <source src="example.mp4" type="video/mp4">
</video>

1. JavaScript에서 Video.js를 초기화하고 동영상 플레이어에 플레이 이벤트를 추가합니다. 플레이 이벤트가 발생할 때마다 동영상 플레이어의 클래스를 변경하여 밑줄 강조 효과를 적용합니다.

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

player.on('play', () => {
  player.addClass('vjs-playing');
});

player.on('pause', () => {
  player.removeClass('vjs-playing');
});

위의 코드를 사용하면 Video.js를 통해 동영상 재생 시 플레이어에 밑줄 강조 효과를 추가할 수 있습니다.