Блок управления jplayer автоматически скрыть в div

Question

Я работаю с Jplayer(плагин JQuery Video Player). я пользовательский блок управления (воспроизведение / пауза...) для шоу, когда при наведении мыши jp-jplayer div с этим:

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

это сработало, и когда я наведите курсор мыши в jp-jplayer div, блок управления показывают в Снаружи этого div (внизу). Теперь мне нужно показать блок управления в jp-jplayer div, не за пределами этого div. Как показать блок управления в div?

Пример онлайн ЗДЕСЬ (in example control box is hide and after mouseover u see panel outside div)

Answer 1

Вы достигаете этого просто с помощью CSS, добавляя отрицательный margin-top к классу .jp-interface

Например

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