Проблема с наложением jQuery

Question

Мой оверлей jQuery это

$(function() {
    $("#triggers a[rel]").overlay({
        top: '24%',
        effect: 'apple',
        fixed: false,
        mask: {
            color: '#0f0f0f',
            loadSpeed: 200,
            opacity: 0.9
        },
        closeOnClick: false
        effect: 'apple',

        onBeforeLoad: function() {
            var wrap = this.getOverlay().find(".contentWrap");
            wrap.load(div.contentWrap);
        }

    });
});

и мой HTML-код это

   <div class="apple_overlay" id="overlay1">
     <div class="contentWrap">

       <div class="video-js-box">
         <video class="video-js" height="191px" width="246px" controls="controls" 
              preload="auto" poster="url">
            <source src="url" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'/>
         </video>
         </div>

       </div>
    </div> 

Моя проблема в том, что видеоплеер (videoJS) загружен за оверлеем. Как обернуть этот видео плеер в оверлей. Я думаю, что есть проблема с onBeforeLoad: в jQuery, пожалуйста, помогите мне

Answer 1

Дайте видео video-js-box высокий z-индекс, например 99999999, и посмотрите, работает ли это.