Video.js는 유연한 HTML5 비디오 플레이어입니다. 동영상을 재생할 때 마우스를 오버하면 플레이어 컨트롤 바를 표시하는 기능을 간단하게 구현할 수 있습니다.

먼저 Video.js를 HTML 문서에 추가하고, 동영상 요소를 생성합니다.

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

이제 JavaScript 코드로 플레이어 컨트롤 바를 표시하도록 설정해보겠습니다.

// Video.js 플레이어 인스턴스 생성
var player = videojs('my-video');

// 마우스 오버 이벤트 리스너 추가
player.on('mouseover', function() {
  player.controls(true); // 플레이어 컨트롤 바 표시
});

// 마우스 아웃 이벤트 리스너 추가
player.on('mouseout', function() {
  player.controls(false); // 플레이어 컨트롤 바 숨김
});

위의 코드를 사용하면 동영상 플레이어 위에 마우스를 오버하면 플레이어 컨트롤 바가 표시되고, 마우스를 아웃하면 숨겨집니다.

더 많은 Video.js 기능 및 사용법은 Video.js 공식 문서를 참조하시기 바랍니다.