javascript - 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)在覆盖层后面加载。如何将此视频播放器包装到叠加层中。我认为 jQuery 中的 onBeforeLoad: 有问题，请帮助我

Answer 1

给视频 video-js-box 类一个高 z-index，例如 99999999，看看是否有效。