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-index，99999999作为示例，看看是否有效。