打开任何型号/灯箱时隐藏YouTube

时间:2011-04-07 10:53:37

标签: javascript html css youtube lightbox

我在页面中央有一个YouTube视频,当我点击侧面导航中的任何链接时,会出现一个灯箱。但在IE中,这将落后于YouTube视频。

我该如何解决这个问题? - 我尝试设置Z-index,但没有运气。 我们打开灯箱时是否可以隐藏YouTube视频?

提前致谢

更新: (function(){ CKEDITOR.dialog.add('youtube',function(editor){ return{ title:editor.lang.youtube.title, minWidth:CKEDITOR.env.ie&&CKEDITOR.env.quirks?368:350, minHeight:240, onShow:function(){ this.getContentElement('general','content').getInputElement().setValue('') }, onOk:function(){ var id = params_from_url("v",this.getContentElement('general','content').getInputElement().getValue()); // var text=''; var text='';

            this.getParentEditor().insertHtml(text)
        },
        contents:[{
            label:editor.lang.common.generalTab,
            id:'general',
            elements:[{
                type:'html',
                id:'pasteMsg',
                html:'<div style="white-space:normal;width:500px;"><img style="margin:5px auto;" src="'+CKEDITOR.getUrl(CKEDITOR.plugins.getPath('youtube')+'images/youtube_large.png')+'"><br />'+editor.lang.youtube.pasteMsg+'</div>'
            },{
                type:'html',
                id:'content',
                style:'width:340px;height:90px',
                html:'<input size="25" style="'+'border:1px solid black;'+'background:white">',
                focus:function(){
                    this.getElement().focus()
                }
            }]
        }]
    }
})
function params_from_url(name,url)
{
    name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
    var regexS = "[\\?&]"+name+"=([^&#]*)";
    var regex = new RegExp( regexS );
    var results = regex.exec( url );
    if( results == null )
        return name;
    else
        return results[1];
}

this.getParentEditor().insertHtml(text) }, contents:[{ label:editor.lang.common.generalTab, id:'general', elements:[{ type:'html', id:'pasteMsg', html:'<div style="white-space:normal;width:500px;"><img style="margin:5px auto;" src="'+CKEDITOR.getUrl(CKEDITOR.plugins.getPath('youtube')+'images/youtube_large.png')+'"><br />'+editor.lang.youtube.pasteMsg+'</div>' },{ type:'html', id:'content', style:'width:340px;height:90px', html:'<input size="25" style="'+'border:1px solid black;'+'background:white">', focus:function(){ this.getElement().focus() } }] }] } }) function params_from_url(name,url) { name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var regexS = "[\\?&]"+name+"=([^&#]*)"; var regex = new RegExp( regexS ); var results = regex.exec( url ); if( results == null ) return name; else return results[1]; }

1 个答案:

答案 0 :(得分:0)

如果您的YouTube视频已嵌入为对象,则可以将wmode设置为opaque

<object height="390" width="480" wmode="opaque">

这将解决大多数问题。

否则,您只需在厚箱打开时隐藏禁用元素列表即可。