Greasy Fork镜像

youtube全屏有问题

youtube全屏之后，播放器右下角还会显示“获取图片”这个按钮

还有一个其它问题，某些网站我发现“获取图片”按钮会在网页上方显示，并不是默认的右下角。

然后我想问下，我如果想自定义，怎么自己设置改变这个按钮的位置。

首先感谢反馈！ :D

• 下面解释下原因：

问题1与问题2造成的原因是：网页中有多个 iframe 会让插件在每一个 iframe 中执行，所以出现了很多个，后面很兼容这个问题。

• 最后自定义样式：

1. 在代码中搜索关键词 “创建样式”
2. 然后找到样式类 .SIR-toggle-button
3. 修改其中的属性： top，right，bottom，left 即可调整上，右，下，左的距离

实例代码如下：

/**
  * 创建样式
  */
function createStyle() {
    const style = document.createElement('style');
    style.innerHTML = `
      #SIR.active .SIR-cover {
          display: block;
      }
      #SIR.active .SIR-main {
          display: flex;
      }

      // 在这里自定义样式
      .SIR-toggle-button {
          position: fixed;
          right: 0; // 右侧 0
          bottom: 0; // 底部 0
          z-index: 99999;
          opacity: 0.5; // 透明度 0.5
          background: white;
      }
// ...

@yujinpan 说道： 首先感谢反馈！ :D

• 下面解释下原因：

问题1与问题2造成的原因是：网页中有多个 iframe 会让插件在每一个 iframe 中执行，所以出现了很多个，后面很兼容这个问题。

• 最后自定义样式：

1. 在代码中搜索关键词 “创建样式”
2. 然后找到样式类 .SIR-toggle-button
3. 修改其中的属性： top，right，bottom，left 即可调整上，右，下，左的距离

实例代码如下：

/**
  * 创建样式
  */
function createStyle() {
    const style = document.createElement('style');
    style.innerHTML = `
      #SIR.active .SIR-cover {
          display: block;
      }
      #SIR.active .SIR-main {
          display: flex;
      }

      // 在这里自定义样式
      .SIR-toggle-button {
          position: fixed;
          right: 0; // 右侧 0
          bottom: 0; // 底部 0
          z-index: 99999;
          opacity: 0.5; // 透明度 0.5
          background: white;
      }
// ...

已经弄好了，非常感谢