jplayer控制盒自动隐藏到div

Question

我使用Jplayer（jquery视频播放器插件）。我自定义控制框（播放/暂停...）用于显示jp-jplayer div中鼠标翻转时显示：

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

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

在线示例HERE（in example control box is hide and after mouseover u see panel outside div）

Answer 1

您可以通过向类margin-top添加否定.jp-interface来简单地使用CSS实现此目标

E.g。

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