Jquery로 비디오 재생 일시 중지 트리거링

Question

전체 배경 비디오와 바닥 글 (120px 높이)이 있습니다.

다음을 수행하려고합니다.

동영상이 재생되면 바닥 글이 작아 져야합니다 (약 100px). 그러나 코드가 작동하지 않는 것 같습니다.

또한 YouTube 플레이어와 마찬가지로, 동영상 위에 마우스 위치가 변경되면 바닥 글 크기 (120px)를 다시 변경하려고합니다.

모든 의견을 환영합니다. 감사합니다.

Answer 1

(바닥 글의 높이를 증가하는 MouseLeave 이벤트를 재생하는

$('#video').on('mouseenter ended', function() { 
    $('#footer').height(120); 
}).on('mouseleave playing', function() { 
    $('#footer').height(100); 
})