当前位置:  开发笔记 > 前端 > 正文

YouTube播放器的FF3/Windows CSS z-index问题

如何解决《YouTube播放器的FF3/WindowsCSSz-index问题》经验,为你挑选了3个好方法。

我坚持看似与YouTube播放器的CSS/z索引冲突.在Windows XP下的Firefox 3中,请查看此页面:http://spokenword.org/program/21396单击"收集"按钮,并注意弹出的

显示 YouTube播放器下方.在其他浏览器上,
显示在顶部.它的z-index值为999999.我尝试将包含播放器的元素的z-index设置为较低的值,但这不起作用.知道如何让弹出窗口出现在播放器上吗?



1> CMS..:

尝试添加wmode参数opaque如下:

(请注意,它也包含在这两个一个标签一个wmode在属性标签.)

 
     
     
     
     
    
     
     


我喜欢这个网站.

2> ılǝ..:

虽然CMS的建议是有效的,但有一个重要的更新.如果你想使用'iframe'代替'embed',只需添加?wmode=transparent到你的视频链接即可.我觉得这更简单干净.

更新,2014年2月

已经有一段时间了,这可能已经过时了.

有人报告说现在&wmode=transparent有效.


这是最相关的答案,因为没有人再使用YouTube嵌入式代码.谢谢!
大!谢谢!的确,这是今天的相关答案:)

3> danfromisrae..:

我发现了一个纯JS功能,可以在所有浏览器中修复它!

你去的地方:

function fix_flash() {
    // loop through every embed tag on the site
    var embeds = document.getElementsByTagName('embed');
    for (i = 0; i < embeds.length; i++) {
        embed = embeds[i];
        var new_embed;
        // everything but Firefox & Konqueror
        if (embed.outerHTML) {
            var html = embed.outerHTML;
            // replace an existing wmode parameter
            if (html.match(/wmode\s*=\s*('|")[a-zA-Z]+('|")/i))
                new_embed = html.replace(/wmode\s*=\s*('|")window('|")/i, "wmode='transparent'");
            // add a new wmode parameter
            else
                new_embed = html.replace(//i))
                new_object = html.replace(//i, "");
            // add a new wmode parameter
            else
                new_object = html.replace(/<\/object\>/i, "\n
"); // loop through each of the param tags var children = object.childNodes; for (j = 0; j < children.length; j++) { try { if (children[j] != null) { var theName = children[j].getAttribute('name'); if (theName != null && theName.match(/flashvars/i)) { new_object = new_object.replace(//i, ""); } } } catch (err) { } } // replace the old embed object with the fixed versiony object.insertAdjacentHTML('beforeBegin', new_object); object.parentNode.removeChild(object); } } }

现在你可以在用jQuery加载页面时运行:

 $(document).ready(function () {
            fix_flash();    
 });

推荐阅读
虎仔球妈_459
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有