点击遮罩关闭弹窗效果

function videoPlay(obj){
    $(obj).hover(function () {
        $(".detail",this).stop().fadeToggle();
        $(".detail",this).click(function(){
            var src = $(this).attr("data-url");
            $("#video").attr("src",src);
            $('#mask1').fadeIn(200);
        });
        //如果需要点击 mask 关闭弹窗的话，注意阻止事件冒泡
        $('#mask1 .v-wrap').on('click',function(e){
            e.stopPropagation();
        });
        $('#mask1').on('click',function(){
            $('#mask1').fadeOut(200,function(){
                $(this).removeAttr('style');
                $(this).find("video").removeAttr('src');
            });
        });
    });
}

<div id="mask1" style="display:none;">
    <div class="v-wrap">
                <video src="" width="730" height="450" controls="" loop="" preload="auto" poster="" id="video">
                    HTML5 Video is required for this example
                </video>                
    </div>
</div>

暂时还不会把遮罩和弹出内容分开那种做法。。。