У меня есть полное фоновое видео и нижний колонтитул (высота 120 пикселей).
Я пытаюсь понять следующее:
Нижний колонтитул должен стать меньше (около 100 пикселей), как только начнется воспроизведение видео. Но код, похоже, не работает.
if (!$('#video')[0].play) {
$('#video').css({"height":100px"});
}
Кроме того, как и проигрыватель YouTube, при изменении положения мыши по видео я хочу изменить размер нижнего колонтитула (120 пикселей снова).
Любое предложение будет оценено по достоинству. Благодарю!
Попробуйте мыши и закончите события, чтобы увеличить высоту нижнего колонтитула и мыши и играть события, чтобы уменьшить высоту
$('#video').on('mouseenter ended', function () {
$('#footer').height(120);
}).on('mouseleave playing', function () {
$('#footer').height(100);
})
$('#footer')
, чтобы он соответствовал элементу нижнего колонтитула