使用Jquery觸發視頻播放暫停

Question

我有一個完整的背景視頻和一個頁腳（120像素高）。

我想弄清楚以下幾點：

一旦視頻開始播放，頁腳必須變小（約100px）。但代碼似乎不起作用。另外，就像YouTube播放器一樣，在視頻上的鼠標位置改變，我想改變頁腳大小（再次爲120px）。

任何建議將不勝感激。 謝謝！

Answer 1

嘗試的mouseenter和結束事件，增加頁腳的高度和鼠標離開，並打事件，以降低高度

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