您可以防止fancyBox導航區域遮擋媒體控件嗎？

Question

我使用fancyBox 2.1.5和附帶的媒體助手來顯示和導航Vimeo視頻。

除了下一個和上一個可點擊區域遮擋底部的視頻控件之外，一切都很好。這是一張圖片，下一個區域突出顯示。

正如你可以看到，你將無法調節音量，切換到全屏，或操縱此區域下方的進度條。

我知道導航箭頭可以放置在演示區域的外部，但它會減少移動設備上的顯示空間，所以我寧願不要。

在顯示視頻時，是否可以防止這些可點擊區域一直延伸到底部？或者也許另一個解決方案我沒有考慮？

Answer 1

我找到了解決方案！原來jquery.fancybox.css中的導航塊包含一個top偏移量和一個height參數！

保持top: 0和設置height: 90%在框架的底部留下10％的空隙，允許您與視頻控件交互！這是我加入到我的網站的CSS整個塊：

/* Prevent navigation from occluding play controls for videos */ 
.fancybox-type-iframe .fancybox-nav { 
    height: 90%; 
} 

作爲一個百分比，這是可能的，如果你有一個短暫的，很寬的視頻，90％的覆蓋率仍然會吃進視頻控件，但這個迄今適用於720p等標準視頻尺寸。