jquery - jplayer控制框自动隐藏到div

Question

我与 Jplayer 一起工作(jquery 视频播放器插件)。我在 jp-jplayer div 中自定义控制框(播放/暂停...)以显示鼠标滚动时:

autohide: {
    restored: true, fadeIn:500,
},

这有效，当我将鼠标悬停在 jp-jplayer div 上时，控制框显示在此 div 的外部(底部)。现在我需要将控制框显示到 jp-jplayer div 中，而不是在这个 div 之外。如何将控制框显示到div中？

在线示例 HERE (在示例中控制框是隐藏的，鼠标悬停后您会看到 div 之外的面板)

Answer 1

您只需使用 CSS 向类 .jp-interface 添加负值 margin-top 即可实现此目的

例如

div.jp-interface {
   margin-top:-88px;
}