Javascript jQuery覆盖问题

我的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中，请帮助我

给video js box类一个高z索引，例如9999999，看看是否有效