0

我们的网站有一个非常基本的书签功能，用户可以使用该功能将来自任何其他网站的任何链接发布到他们在我们的个人资料中。它插入了一些覆盖，所有这些都是 position: absolute 并且有一些可笑的高 z-index 数字，所以它几乎总是会出现在任何其他网站的内容之上。

但是，当用户在 YouTube 上并单击书签以将其分享到我们的网站时，这似乎不起作用。因为 YT 的内部视频播放器，只是播放器本身，现在无论如何都会占用最高的 z-index。页面的其余部分，只是视频播放器，现在覆盖了所有小书签的插入内容。

这似乎发生在直到 IE10 的每个版本中，甚至在 Linux/Ubuntu 上的 Firefox 上。我已经阅读了很多描述编辑 YouTube 嵌入代码以解决问题的解决方案。显然，当您使用 YT 本身而不是嵌入时，这不会发生。（或者可以吗？）

如果有帮助，这里是书签代码。

    javascript:(function(){

    var d=document.createElement('div');
    d.setAttribute('id','mySite-url');
    d.innerHTML='https://www.mySite.com';
    d.style.display='none';
    document.body.appendChild(d);

    var e=document.createElement('script');
    e.setAttribute('type','text/javascript');
    e.setAttribute('charset','UTF-8');
    e.setAttribute('src','https://www.mySite.com/js/bookmarklet.js');
    document.body.appendChild(e);

    })();
4

0 回答 0