Question

我有一个完整的背景视频和一个页脚（120px高度）。

我正试着去做以下事情;

视频开始播放后，页脚必须变小（约100px）。但代码似乎不起作用。

   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);
})

使用Jquery触发视频播放暂停

1 个答案: