Пауза воспроизведения видео с Jquery

0

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

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

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

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

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

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

Теги:

1 ответ

0
Лучший ответ

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

$('#video').on('mouseenter ended', function () {
    $('#footer').height(120);
}).on('mouseleave playing', function () {
    $('#footer').height(100);
})
  • 0
    по какой-то причине это не сработало
  • 0
    @ErimFranci: вы изменили селектор $('#footer') , чтобы он соответствовал элементу нижнего колонтитула
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню