Воспроизведение видео паузы с помощью JQuery

Question

У меня есть полное фоновое видео и нижний колонтитул (высота 120 пикселей) над ним.

Я пытаюсь понять следующее:

Нижний колонтитул должен быть меньше (около 100 пикселей) после начала воспроизведения видео. Но код, похоже, не работает.

if (!$('#video')[0].play) { 
    $('#video').css({"height":100px"}); 
    } 

Кроме того, так же, как игрок YouTube, на изменение позиции мыши над видео, которое я хочу, чтобы изменить размер нижнего колонтитула (120px снова).

Любое предложение будет оценено по достоинству. Спасибо!

Answer 1

Попробуйте MouseEnter и закончили событие, чтобы увеличить высоту футера и MouseLeave и играя события, чтобы уменьшить высоту

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