Hover에서 재생 버튼 만 표시

Question

Vimeo의 플레이어가 어떤 경우에 작동하는지와 비슷한 미디어 요소를 사용하고 싶습니다. 사용자가 비디오를 가리키면 재생 버튼 만 표시됩니다. 그러나 사용자가 비디오를 시작하면 나머지 컨트롤이 나타납니다. 그런 다음 사용자가 동영상을 중지하면 재생 버튼 만됩니다.

이것이 가능합니까?

Answer 1

jQuery를 사용하여 플레이어가 초기화 될 때 컨트롤이 포함 된 Div를 숨 깁니다. 이렇게하면 컨트롤이 숨겨집니다.

$('.mejs-controls').attr('style','visibility:hidden;');