【问题标题】:Hide YouTube when open any model/light box打开任何模型/灯箱时隐藏 YouTube
【发布时间】:2011-04-07 10:53:37
【问题描述】:

我在页面中心有一个 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];
}

})();

【问题讨论】:

    标签: javascript html css youtube lightbox


    【解决方案1】:

    如果您的 youtube 视频作为对象嵌入,您可以将 wmode 设置为 opaque

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

    这将解决大多数问题。

    否则,您可以在打开厚框时简单地隐藏被禁止元素的列表。

    【讨论】:

    • 嗨 John,我们如何动态添加 wmode,当视频出现在编辑器中并且您从 CKEditor 中选择任何功能(如添加图片图像)时,打开的灯箱会隐藏在视频后面。
    • 如果您在 ckeditor 中执行此操作,则需要在编辑器中切换到源视图并将其添加为参数。
    • 当我从firebug为youtube的iframe标签应用wmode时它仍然存在。
    • 它不去 iframe 标签,它必须去&lt;object&gt; 标签。如果您使用的是 iframe,则需要在加载时将其隐藏。或者将wmode标签设置为object inside iframe
    • 是的,但是约翰我的不好是我如何在选择youtube时动态应用此wmode,iam使用ckeditor中的插件。
    猜你喜欢
    • 2013-03-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多