// ==UserScript==
// @name         解锁b站vip视频+弹幕移植
// @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACS0lEQVRYR8WXz2oTURTGv3MnpqhNKy1UWmxRTGdaiLSQRKkKIoK4FVrRPoHu7BMYn0B3+gQquuiuiC6kaFVsAhGEZkKqG/+Vrtp0YWsyR27KlEwz0xnnT3LgwjB37vl+97tzz9whdDiow/pwBCjofN0AJohwKQgkMxYF8Dmt0bxdnhaAQoWTXMczENJBhFvGMgqk4GY6SZXmPgvAmy/cnYijGqrwvmTVHSQup2jLvG0ByJf5EYDbUQIAeJxR6U4LQHGV1VodesTijfQxBdrkaSrL6z0Hlst8i4An7QBgYDar0lMrgM45ItxrCwDjflajnC+AtR8Gvn8zGpz9xwVOjor/Zma/ANt/GIsLNWxt8p7o4IiAmlLQP+C9pvkG+FoyUPxYs52xhFDPKIh3uRviG2ClWIdsTpHoJYymFNdliQzABBsaEZg4p+DwUftliRxAggwOC0xdidma1RaAI92Ea9OHOgcwPqlANruI1AElhsa2dBKXQJEBnDglGlvxWN/BNcE3gKyCS69b64AUlMISwEv4BpDJ3778i/Xfu5XQtFtaLq+9RiCA6gZj/dcuQN8Audod6kvodYZuz9k7UOK7JPDAbXAY/WxgLjtGDy2f408VPi8MLIUh4JbDELhwNknvLQDyQNoTh87AkFuCIP0E/NzcgWYeTC0bdrkNp6Lm9bc4YM4qr/NzEGaCzNJxLONFRqMbzf22JSu/wlcphhwzpsIAIcIHriGXGadX+/MdWDPflTjRxcH+kLYJhYtj5Piz4/0gF4YVNjk6DvAPDb0aMEr8/nEAAAAASUVORK5CYII=    
// @version      1.11.8
// @description  功能很少有缺陷，先看粗体字再决定是否要安装。解除B站大会员观影限制，理论支持番剧和放映厅，不支持的视频请反馈留地址让我修复，或自行在代码搜索‘大会员’并添加识别div与语句。
// @author       p7
// @require      https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js
// @match        https://www.bilibili.com/bangumi/*
// @match        https://vip.parwix.com:4433/*
// @match        https://z1.m1907.cn/*
// @match        https://api.yueliangjx.com/*
// @match        https://showxi.xyz/*
// @match        https://okjx.cc/*
// @match        https://www.cuan.la/*
// @run-at       document-end
// @grant        GM_openInTab
// @grant        GM.openInTab
// @grant        GM_getValue
// @grant        GM.getValue
// @grant        GM_setValue
// @grant        GM.setValue
// @grant        GM_addStyle
// @namespace    https://greasyfork.org/users/789132
// @downloadURL none
// ==/UserScript==
(function () {
  /*1.11.6 mod区域*/
  let originalInterfaceList = [{
      "name": "Mao播放器",
      "category": "1",
      "url": " https://www.cuan.la/m3u8.php?url="
    }, {
      "name": "Parwix",
      "category": "1",
      "url": "https://vip.parwix.com:4433/player/?url="
    },
    {
      "name": "m1907",
      "category": "1",
      "url": "https://z1.m1907.cn/?jx="
    },
    {
      "name": "月亮",
      "category": "1",
      "url": "https://api.yueliangjx.com/?url="
    },
    {
      "name": "showxi",
      "category": "1",
      "url": "https://showxi.xyz/mov/s/?sv=3&url=",
      "special": "多线"
    },
    {
      "name": "OK",
      "category": "1",
      "url": "https://okjx.cc/?url=",
      "special": "多线"
    },
  ];

  let repeatp = 0 //去重概率[0-100]
  /*mod区域结束*/

  var player
  var playerRect
  var minpool = [];
  var domPool = [];
  var domtopdownPool = [];
  var listobj
  //1.11.6修复弹幕重复问题
  let minpoolout = [];
  let lastvideotime = 0;
  //1.11.7全屏问题
  //let lastplaywidth = 0;

  var distance = 25
  var fontSize = 25;
  var buiSwitch = true;
  //console.log(1, window.location.href)

  function xmlToJson(xml) {

    // Create the return object
    var obj = {};

    if (xml.nodeType == 1) { // element
      // do attributes
      if (xml.attributes.length > 0) {
        obj["@attributes"] = {};
        for (var j = 0; j < xml.attributes.length; j++) {
          var attribute = xml.attributes.item(j);
          obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
        }
      }
    } else if (xml.nodeType == 3) { // text
      obj = xml.nodeValue;
    }

    // do children
    if (xml.hasChildNodes()) {
      for (var i = 0; i < xml.childNodes.length; i++) {
        var item = xml.childNodes.item(i);
        var nodeName = item.nodeName;
        if (typeof (obj[nodeName]) == "undefined") {
          obj[nodeName] = xmlToJson(item);
        } else {
          if (typeof (obj[nodeName].push) == "undefined") {
            var old = obj[nodeName];
            obj[nodeName] = [];
            obj[nodeName].push(old);
          }
          obj[nodeName].push(xmlToJson(item));
        }
      }
    }
    return obj;
  };
  //1.11.7 稳定发送
  function postdownmessage(obj) {
    for (var posta = 0; posta <= 3; posta++) {
      try {
        window.frames[posta].postMessage(obj, '*');
      } catch {}
      for (var postb = 0; postb <= 3; postb++) {
        try {
          window.frames[posta].frames[postb].postMessage(obj, '*');
        } catch {}
        for (var postc = 0; postc <= 3; postc++) {
          try {
            window.frames[posta].frames[postb].frames[postc].postMessage(obj, '*');
          } catch {}
        }
      }
    }
  }

  function getBV() {
    let bv = $("a.av-link[target='_blank']")[0]
    if (bv) {
      //console.log(bv.innerText);
      $.getJSON("https://api.bilibili.com/x/player/pagelist?bvid=" + bv.innerText,
        function (result) {

          var xmlhtml = `https://api.bilibili.com/x/v1/dm/list.so?oid=${result.data[0].cid}`
          //ajax解析xml文件
          console.log(xmlhtml);
          $.ajax({
            url: xmlhtml,
            dataType: "xml",
            success: function (xml) {
              //console.log('xmllist', xmlToJson(xml));
              let listjson = xmlToJson(xml)
              //console.log($('.bilibili-player-video-info-danmaku-number'), listjson.i.d.length)
              $('.bilibili-player-video-info-danmaku-number').text(listjson.i.d.length)
              //console.log(window.frames.length, listjson.i.d.length);
              postdownmessage({
                obj: listjson,
                str: 'xmllist'
              })
            }

          })
        })

    } else {
      setTimeout(function () {
          getBV()
        },
        500)
    }
  }

  function receiveInfoFromAnotherDomain() {
    //首先让window添加一个事件监听函数，表明它可以监听窗口对象的message事件 
    //它受到事件时，会先判断是否来自指定的Domain(不是所有Domain丢过来的事件它都处理的） 
    window.addEventListener("message",
      function (ev) {
        switch (window.location.host) {
          case 'www.bilibili.com':
            console.log(ev.origin, ' message to', window.location.href, ev.data);
            if (ev.origin != 'https://www.bilibili.com' && ev.origin != 'https://message.bilibili.com') {
              //console.log(ev.origin, ' message to', window.location.href, ev.data);
              if (ev.data.str == 'hasplayer') {
                getBV()
              }
            }
            break
          default:
            window.top.postMessage({
                fromweb: window.location.href,
                obj: ev.data,
                str: '来自iframe:',
                from: ev.origin
              },
              '*');
            switch (ev.data.str) {
              case 'xmllist':
                listobj = ev.data.obj;
                break;
              case 'checktrue':
                buiSwitch = true;
                break;
              case 'checkfalse':
                buiSwitch = false;
                break;
            }

        }
      })
    window.top.postMessage({
        fromweb: window.location.href,
        obj: 'iframe监听初始化',
        str: '来自iframe:',
      },
      '*');
  }

  function detecH5Player(findplayertime) {

    player = document.querySelector('video');
    if (player) {
      //console.log(window.location.href+'发现h5')
      receiveInfoFromAnotherDomain();
      window.top.postMessage({
          str: 'hasplayer',
          fromweb: window.location.href
        },
        '*');
      playerRect = player.getBoundingClientRect();
      initcss();

      player.addEventListener('pause',
        function () { //暂停开始执行的函数
          $('.left').each(function (index, element) {
            element.style.willChange = 'auto'
            let domRect = element.getBoundingClientRect();
            let domLeft = domRect.left - playerRect.left;
            $(element).css('transform', `translateX(${domLeft}px)`);
            //element.style.left = `${domLeft}px`
            $(element).css('transition', `transform 0s linear`);

          })
        });
      //1.11.7
      document.addEventListener("fullscreenchange", function (e) {
        refreshDom() //player.clientWidth-lastplaywidth
      })
      //lastplaywidth = player.clientWidth
      player.addEventListener('playing',
        function () { //暂停开始执行的函数
          playtime = (new Date()).getTime()
          $('.left').each(function (index, element) {
            let domRect = element.getBoundingClientRect()
            let domLeft = domRect.left - playerRect.left
            let oldS = element.clientWidth + player.clientWidth
            let newS = element.clientWidth + domLeft
            let oldT = 0.0074 * (element.clientWidth + player.clientWidth)
            let newT = newS / oldS * oldT
            //console.log(element.clientWidth+'，'+player.clientWidth+'，'+oldS+'，'+newS+'，'+oldT+'，'+newT)
            $(element).css('transition', `transform ${newT}s linear`);
            $(element).addClass('left');

            element.style.willChange = 'transform'
            element.style.transform = `translateX(${-element.clientWidth - newS}px)`;

          })
        });
      player.addEventListener('timeupdate',
        function () {
          //1.11.6 修复弹幕重复、前进后退清屏、后退重载弹幕
          let lastlen = parseInt(lastvideotime / 60)
          let startlen = parseInt(player.currentTime / 60)
          if (lastvideotime > player.currentTime) {
            for (var c = startlen; c <= lastlen; c++) {
              if (minpoolout[c].length != 0) {
                minpool[c] = minpool[c].concat(minpoolout[c])
                minpoolout[c].length = 0
              }
            }
            refreshDomscreen()
          } else if (lastvideotime + 2 < player.currentTime) {
            refreshDomscreen()
          }
          lastvideotime = player.currentTime
          if (minpool.length == 0 && listobj) {
            minpool = new Array(parseInt(player.duration / 60));
            let minlen = minpool.length
            for (var a = 0; a <= minlen; a++) {
              minpool[a] = []
            }
            minpoolout = new Array(minlen);
            for (var b = 0; b <= minlen; b++) {
              minpoolout[b] = []
            }
            let len = listobj.i.d.length
            //window.top.postMessage({obj:'listobj.i.d.length:'+listobj.i.d.length,str:'来自iframe:',from:window.location.href},'*');
            for (var j = 0; j < len; j++) {
              let strp = listobj.i.d[j]['@attributes'].p
              let arrp = strp.split(',');
              let arrpJson = {
                "time": arrp[0],
                "type": arrp[1],
                "size": arrp[2],
                "rgb": arrp[3],
                "pool": arrp[5],
                "text": listobj.i.d[j]['#text']
              };
              if (repeatp == 100 || repeatp > Math.floor(Math.random() * 100)) {
                let len2 = minpool[parseInt(arrp[0] / 60)].length
                let needpush = true
                for (var i = 0; i < len2; i++) {
                  if (minpool[parseInt(arrp[0] / 60)][i].text == arrpJson.text) {
                    needpush = false;
                    break;
                  }
                }
                if (needpush == true) {
                  minpool[parseInt(arrp[0] / 60)].push(arrpJson);
                }
              } else {
                minpool[parseInt(arrp[0] / 60)].push(arrpJson);
              }
              /*window.top.postMessage({
                obj: 'minpool push：' + minpool[parseInt(arrp[0] / 60)][minpool[parseInt(arrp[0] / 60)].length - 1],
                str: '来自iframe:',
                from: window.location.href
              }, '*');*/
            }
          }
          //window.top.postMessage({obj:'currentTime：'+player.currentTime+'  '+minpool.length+'  '+domPool.length,str:'来自iframe:',from:window.location.href},'*');  
          $('.topdown').each(function (index, element) {
            if (element.innerText != '') {
              let nowtime = (new Date()).getTime();
              let lasttime = parseInt(nowtime) - parseInt($(element).prop("name"))
              //console.log('lasttime：'+lasttime+' '+typeof lasttime);
              if (lasttime >= 4500) {
                //console.log('lasttime2：'+lasttime+' '+typeof lasttime);
                element.innerText = ''
                element.name = ''
              }
            }
          });
          //window.top.postMessage({obj:buiSwitch.prop("checked"),str:'来自iframe:',from:window.location.href},'*'); 
          if (minpool.length != 0 && domPool.length != 0 && buiSwitch == true) {
            let channel;
            let nowlen = parseInt(player.currentTime / 60);
            //console.log('currentTime：'+player.currentTime); 
            //window.top.postMessage({obj:'currentTime：'+player.currentTime+'  '+minpool[nowlen].length,str:'来自iframe:',from:window.location.href},'*');  
            if (!$(player).paused) {
              for (var j = minpool[nowlen].length - 1; j > -1; j--) {
                //console.log('pool:'+minpool[nowlen][j].pool) 
                //window.top.postMessage({obj:minpool[nowlen][j],str:'来自iframe:',from:window.location.href},'*');  
                if (minpool[nowlen][j].time >= player.currentTime && minpool[nowlen][j].time <= player.currentTime + 0.5 && minpool[nowlen][j].type == '1') {
                  channel = getChannel()
                  //console.log('channel:'+channel)
                  if (channel != -1) {
                    let arrpJson = minpool[nowlen][j]
                    //console.log(minpool[nowlen][j].time+','+player.currentTime+'  biu~ [' + minpool[nowlen][j].text + ']');                  
                    let dom = domPool[channel].shift() //把数组的第一个元素从其中删除
                    domPool[channel].push(dom); //向数组的末尾添加一个或多个元素                    
                    shootDanmu(dom, arrpJson, channel);
                    minpoolout[nowlen].push(minpool[nowlen][j])
                    minpool[nowlen].splice(j, 1);
                  }
                } else if (minpool[nowlen][j].time >= player.currentTime && minpool[nowlen][j].time <= player.currentTime + 0.5 && minpool[nowlen][j].type != '1') {
                  channel = gettopdownChannel(minpool[nowlen][j].type);
                  console.log('gettopdownChannel:' + channel);
                  if (channel != -1) {
                    let arrpJson = minpool[nowlen][j]
                    //console.log(minpool[nowlen][j].time+','+player.currentTime+'  biu~ [' + danmu + ']');
                    let dom = domtopdownPool[channel];
                    shoottopdownDanmu(dom, arrpJson, channel);
                    minpoolout[nowlen].push(minpool[nowlen][j])
                    minpool[nowlen].splice(j, 1);
                  }
                }
              }
            }
          } else if (buiSwitch == false) {
            refreshDomscreen();
          }
        })
    } else {
      // 轮询检测
      setTimeout(function () {
          //console.log(window.location.href + '开始检测h5', findplayertime, new Date().getTime() - findplayertime);
          if (new Date().getTime() - findplayertime <= 5000) {
            detecH5Player(findplayertime)
          }
        },
        500)
    }
  }

  function refreshDomscreen() {
    //1.11.6 清除在场弹幕
    $('.left').each(function (index, element) {
      $(element).css('transition', `transform 0s linear`);
      $(element).addClass('right');
      element.style.left = 0
      element.style.willChange = 'transform'
      element.style.transition = null;
      element.style.willChange = 'auto'
      element.style.transform = `translateX(${player.clientWidth}px)`
      //element.style.left = `${player.clientWidth}px`
      element.innerText = ''
      element.className = 'right';

    })
    for (let i = 0; i < CHANNEL_COUNT; i++) {
      domtopdownPool[i].innerText = ''
    }

    $('.right').each(function (index, element) {
      element.style.left = 0
      element.style.transform = `translateX(${player.clientWidth}px)`
    })
    $('.left').each(function (index, element) {
      element.removeEventListener('transitionend', recoverLiftdom(element));
      element.addEventListener('transitionend', recoverLiftdom(element));
    })
  }
  var MAX_DM_COUNT = 10
  var CHANNEL_COUNT = 0

  function initcss() {
    let css = `.right {
			position: absolute;
			visibility: hidden;
			white - space: nowrap;
			/*left: 700px;
      transform: translateX(700px);*/
		}.left {
			position: absolute;
			white - space: nowrap;
			user - select: none;
			/* transition: transform 7s linear; 时间相同 越长的弹幕滑动距离越长 所以越快~ */
		}.topdown {
			position: absolute;
			white - space: nowrap;
			user - select: none;

		}`
    GM_addStyle(css);
    refreshDom();
  }

  function refreshDom() {
    window.top.postMessage({
      obj: 'refreshDom',
      str: '来自iframe:',
      from: window.location.href
    }, '*');
    if (Math.floor(player.clientHeight / fontSize) - CHANNEL_COUNT > 0) {
      // 先new一些span 重复利用这些DOM
      for (let j = Math.floor(player.clientHeight / fontSize); j > CHANNEL_COUNT; j--) {
        let doms = [];
        for (let i = 0; i < MAX_DM_COUNT; i++) {
          // 要全部放进player
          let dom = document.createElement('div');
          //alert(fontSize)
          dom.style.fontSize = fontSize + 'px';
          dom.style.color = 'rgb(255,255,255)';
          dom.style.fontFamily = 'SimHei, "Microsoft JhengHei", Arial, Helvetica, sans-serif'
          dom.style.fontWeight = 'bold'
          dom.style.opacity = '1' //不透明度
          dom.style.textShadow = 'rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) -1px 0px 1px';
          //dom.style.transform = `translateX(${player.clientWidth}px)`
          dom.style.left = `${player.clientWidth}px`
          dom.style.willChange = 'auto'
          // 初始化dom的位置 通过设置className
          dom.className = 'right';
          // DOM的通道是固定的 所以设置好top就不需要再改变了
          dom.style.top = (-j + Math.floor(player.clientHeight / fontSize) + 1) * fontSize + 'px';
          player.parentNode.appendChild(dom);

          // 放入改通道的DOM池
          doms.push(dom);
          // 每次到transition结束的时候 就是弹幕划出屏幕了 将DOM位置重置 再放回DOM池
          dom.addEventListener('transitionend', recoverLiftdom(dom));
        }
        domPool.push(doms);

        let dom2 = document.createElement('div');
        dom2.style.fontSize = fontSize + 'px';
        dom2.style.color = 'rgb(255,255,255)';
        dom2.style.fontFamily = 'SimHei, "Microsoft JhengHei", Arial, Helvetica, sans-serif'
        dom2.style.fontWeight = 'bold'
        dom2.style.opacity = '1' //不透明度
        dom2.style.textShadow = 'rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) -1px 0px 1px';
        dom2.style.willChange = 'auto'
        dom2.style.top = (-j + Math.floor(player.clientHeight / fontSize) + 1) * fontSize + 'px';
        dom2.style.left = `${(player.clientWidth - dom2.clientWidth) / 2}px`;
        dom2.className = 'topdown';

        player.parentNode.appendChild(dom2);
        domtopdownPool.push(dom2);
      }

    } else {
      //1.11.7 删除多余dom
      for (let j2 = Math.floor(player.clientHeight / fontSize); j2 < CHANNEL_COUNT; j2++) {
        for (let i2 = 0; i2 < MAX_DM_COUNT; i2++) {
          let thisdom = domPool[j2][i2]
          thisdom.parentNode.removeChild(thisdom)
        }
        domPool[j2].length = 0
        domPool.splice(j2, 1);
        //refreshDomscreen()
        domtopdownPool[j2].parentNode.removeChild(domtopdownPool[j2])
        domtopdownPool.splice(j2, 1);
      }
    }
    CHANNEL_COUNT = Math.floor(player.clientHeight / fontSize);
    /*//1.11.7 修改弹幕默认位置
    $('.right').each(function (index, element) {
      element.style.transform = `translateX(${player.clientWidth}px)`
    })
    $('.left').each(function (index, element) {
      element.removeEventListener('transitionend',recoverLiftdom(element));
      element.addEventListener('transitionend',recoverLiftdom(element));
    })
    $('.topdown').each(function (index, element) {
      element.style.left = `${(player.clientWidth - element.clientWidth) / 2}px`;
    })*/
    refreshDomscreen()
    let refreshDom_time = parseInt(player.currentTime / 60)
    if (minpool.length != 0) {
      minpool[refreshDom_time] = minpool[refreshDom_time].concat(minpoolout[refreshDom_time])
      minpoolout[refreshDom_time].length = 0
    }

  }

  function recoverLiftdom(dom) {
    dom.style.transition = null;
    dom.style.willChange = 'auto'
    //dom.style.transform = `translateX(${player.clientWidth}px)`
    dom.style.left = `${player.clientWidth}px`
    dom.innerText = ''
    dom.className = 'right';
  }
  /**
   * 获取一个可以发射弹幕的通道 没有则返回-1
   */

  function getChannel() {
    for (let i = 0; i < CHANNEL_COUNT; i++) {
      let lastNumPos = domPool[i].length - 1
      let lastDom = domPool[i][lastNumPos];
      //console.log('lastDom：'+lastDom)
      if (lastDom) {
        if (lastDom.className == 'right') {
          //console.log('捷径')
          return i
        }
        let lastDomPos = lastDom.getBoundingClientRect();
        //console.log('lastDomPos.right：'+lastDomPos.right+'playerRect.right：'+playerRect.right)
        // 轨道中最后一个元素要求已经全部进入展示区域
        if (lastDomPos.right > playerRect.right) {
          continue
        }

        let occupyS = lastDomPos.right - playerRect.left
        //console.log('playerRect.left：'+occupyS+'player.clientWidth：'+player.clientWidth)
        // 追及问题
        if (player.clientWidth - occupyS < distance) {
          continue
        }
        for (let j = 0; j < domPool[i].length; j++) {
          if (domPool[i][j].className == 'right') {
            return i
          }
        }

      }
    }
    return -1;
  }

  function gettopdownChannel(type) {
    for (let i = 0; i < CHANNEL_COUNT; i++) {
      if (type == 4) {
        let lastNumPos = domtopdownPool.length - i - 1
        let downDom = domtopdownPool[lastNumPos];
        if (downDom.innerText == '') {
          return i
        }
      } else if (type == 5) {
        let lastNumPos2 = i
        let topDom = domtopdownPool[lastNumPos2];
        if (topDom.innerText == '') {
          return i
        }
      }
    }
    return -1;
  }

  /**
   * 根据DOM和弹幕信息 发射弹幕
   */
  function shootDanmu(dom, arrpJson, channel) {
    dom.innerText = arrpJson.text;
    console.log(' biu1~ [' + arrpJson.text + ']');

    let num16 = parseInt(arrpJson.rgb).toString(16);
    dom.style.color = '#' + (Array(6).join(0) + num16).slice(-6);
    dom.style.fontSize = arrpJson.size + 'px';
    // 如果为每个弹幕设置 transition 可以保证每个弹幕的速度相同 这里没有保证速度相同
    dom.style.transition = `transform ${0.0084 * (dom.clientWidth + player.clientWidth)}s linear`;

    // 设置弹幕的位置信息 性能优化 left -> transform
    dom.style.transform = `translateX(${-dom.clientWidth - player.clientWidth}px)`;
    dom.style.willChange = 'transform';
    dom.className = 'left';
  }

  function shoottopdownDanmu(dom, arrpJson, channel) { //1.11.5 格式化居然把这function丢失了
    dom.innerText = arrpJson.text;
    dom.name = new Date().getTime();
    console.log(' biu2~ [' + arrpJson.text + ']');
    let num16 = parseInt(arrpJson.rgb).toString(16);
    dom.style.fontSize = arrpJson.size + 'px';
    dom.style.color = '#' + (Array(6).join(0) + num16).slice(-6);

    //dom.style.transform = `translateX(${(player.clientWidth - dom.clientWidth) / 2}px)`;
    dom.style.left = `${(player.clientWidth - dom.clientWidth) / 2}px`;
  }

  var $ = $ || window.$;

  /**
   * 共有方法
   */
  function commonFunction() {
    this.GMgetValue = function (name, value) { //得到存在本地的数据
      if (typeof GM_getValue === "function") {
        return GM_getValue(name, value);
      } else {
        return GM.getValue(name, value);
      }
    };
    this.GMsetValue = function (name, value) { //设置存在本地的数据
      if (typeof GM_setValue === "function") {
        return GM_setValue(name, value);
      } else {
        return GM.setValue(name, value);
      }
    };
    this.GMaddStyle = function (css) { //插入css
      var myStyle = document.createElement('style');
      myStyle.textContent = css;
      var doc = document.head || document.documentElement;
      doc.appendChild(myStyle);
    };
    this.GMopenInTab = function (url, open_in_background) { //新标签页打开网址
      if (typeof GM_openInTab === "function") {
        GM_openInTab(url, open_in_background);
      } else {
        GM.openInTab(url, open_in_background);
      }
    };
    this.addScript = function (url) { //添加脚本
      var s = document.createElement('script');
      s.setAttribute('src', url);
      document.body.appendChild(s);
    };
  }

  //全局统一变量
  const commonFunctionObject = new commonFunction();

  /**
   * 超级解析助手
   * @param {Object} originalInterfaceList
   * @param {Object} playerNodes
   */
  function superVideoHelper() {
    this.originalInterfaceList = originalInterfaceList;
    this.node = "#player_module";


    this.innerParse = function (url) { //内嵌解析
      $("#iframe-player").attr("src", url);
    };
    this.addHtmlElements = function () {
      var vipVideoImageBase64 = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAC9klEQVRoQ+2ZPWgVQRDH/7/CWqOIYOFHFbRSjJhGMGDpByoIago70cqvUtQgdipWFqawMWghGIidhcHKQAJqEURBRfED1CCCjc3IPu4em31775J7d3m8cAtX3O7szP7nPzszx6EeH/T4+VUD6DaDTQbMbE+3D7MY+8Ckkw8BPFuMki7KDtUAuuh9Z3oZMtBljxY2X9eBwq4raWPNQEmOLKxm+TBgZqsknQ1dAVzNco+ZhWsm6ZakHZLC1mQyrZ5OX2RvzMxnSa8lzQJ/YwLzGDCze5JOeoI/gbVtAMxJ6vPW7wKnkr4qbEuaxccDcGWBsfNV0mjMmSGAg5LGA6XbgFehITPbLel5MN84ZAUAUjMPgWO+zZY7YGbvJW0OvRoB8EjSEW9+BhhIvOvCp0wGfPPbgZfpRAzATUnn56GEmJyLd39cBNxeF99FADTa42BskuQef4wDh9oB2CXpRbDpMPA4nTOz05LuBDLrgW+dAACGIkxfkHTDm/8DrMwEkBxgOskkqdwEcMAD4GLf3YF0PACOe+uFGMgA4Bj4EAAbAGbcXLQOmNklSdeCTRuBT2bWL+lNsLYfeFIRgH2SJgJ7GwCXYjMBrJb0K9jUiHEzG5F02VubA9b4skXvQMiAmW2VdFSSn24/As0kk1mJzeyppL3ewaaBnWY2K2mLNz8S5ueCAMLwz3q/DZxreweSe3BC0v1Ai7tkYXrsB96WwMBCAfQBv3MBJCD+SVrhaXaZ54z3PgUMhpYrZKCF7bbNnJk5BhwT6fghyW8thoGxigE4my6tXwemQlt5AGI1oamDSIFLmCuURiW5BOGPL8C7drGV206b2XdJ6yJKxoDhmPKCIeS61ZZClncxFgLAtcyxrnEwRmknDFQFIFYTWnJ/CVmoGgYSj7Z81OR86Lg7sOgPmnY6s0IpN4TyYrDb6zWAmoEOPVCHUIcO7Hh7/YemYxcWU7AMf3BkNGDF/FP9rkwGqjddkoWWv5Ql6V1yNXUdWHKXBwZ7noH/dP+HQNqheToAAAAASUVORK5CYII=`;
      var category_1_html = "";
      this.originalInterfaceList.forEach((item, index) => {
        if (item.category === "1") {
          category_1_html += "<li title='" + item.name + "' data-index='" + index + "'>" + item.name + "</li>";
        }
      });

      //获得自定义位置
      var left = 0;
      var top = 100;
      var Position = commonFunctionObject.GMgetValue("Position_" + window.location.host);
      if (!!Position) {
        left = Position.left;
        top = Position.top;
      }
      var htmlMould = `<div id='vip_movie_box` + this.elementId + `'>
			<div class='item_text'>
				<div class="img_box" id="img_box_6667897iio"><img src='` + vipVideoImageBase64 + `' title='点击跳转到综合解析页面，线路随意选！'/></div>
					<div class='vip_mod_box_action' >
						<div style='display:flex;'>
							<div style='padding:10px 0px; width:380px; max-height:400px; overflow-y:auto;'  class="default-scrollbar-55678">
								<div style='font-size:16px; text-align:center; color:#E5212E; padding:5px 0px;'><b>线路</b></div>
								<ul>` + category_1_html + `<div style='clear:both;'></div></ul>
							</div>
						</div>
					</div>	
				</div>
			</div>`;
      $("body").append(htmlMould);
    };


    this.operatOther = function () {
      switch (window.location.host) {
        case 'www.bilibili.com':
          receiveInfoFromAnotherDomain();
          this.addHtmlElements();
          //console.log("检测是否为vip视频");
          let findviptime = new Date().getTime();
          let waitlimit = setInterval(() => {
              let viptextArr = [$(".bpx-player-toast-confirm").text(), $(".twp-title").text(), $(".video-float-hint-btn.hint-red").text(), $('.new-twp-btn.right.vip.blue').children('.current').text()];
              let vipmatchArr = ['成为大会员', '付费观看', '成为大会员抢先看', '开通大会员观看'];
              //let arr2=['成为大会员', '开通大会员观看','正在观看预览，大会员免费看全片', '正在观看预览，付费观看完整版']
              let intersection = viptextArr.filter(item => new Set(vipmatchArr).has(item))
              //console.log(arr1,arr2,intersection);
              if (intersection.length != 0) {
                console.log("是vip视频");
                this.videoreplace();
                clearInterval(waitlimit);
              }
              if (new Date().getTime() - findviptime >= 5000) {
                clearInterval(waitlimit)
              }
            },
            250);
          break
        default:
          try {
            detecH5Player(new Date().getTime())
          } catch (err) {
            console.log('h5:' + err)
          }
          break
      }
    }

    this.videoreplace = function () {
      let safediv = window.document.querySelector("#player_placeholder")
      //1.11.6 修复m1907存在滚动条(才发现是滚动条) 修复基础不扎实且手贱导致的全屏问题
      let videoPlayer = $("<div id='iframe-play-div' style='width:100%;height:92%;z-index:1000;'><iframe id='iframe-player' allowfullscreen='true' frameborder='0' width='100%' height='100%' scrolling='no'></iframe></div>");
      let index = commonFunctionObject.GMgetValue("index");
      $(".bui-select-item").removeClass("bui-select-item-active");
      $(".bui-select-item").each(function () {
        if ($(this).data("index") == index) {
          $(this).addClass("bui-select-item-active");
        }
      })

      if (index == null) {
        index = 0
      }
      let url2 = this.originalInterfaceList[index].url + window.location.href;
      //console.log(index, url2);
      if (document.getElementById("iframe-player") == null) {
        //1.11.5 尝试修复多重视频声音 www.cnblogs.com/dzyany/p/14187782.html
        let playerb = document.querySelector('video');
        if (playerb) {
          playerb.pause();
          //console.log('playerb.pause');
          playerb.addEventListener('timeupdate', function () {
            playerb.pause();
            console.log('3playerb.pause');
          })
          playerb.removeAttribute('src');
          playerb.currentSrc = '';
          playerb.innerHTML = '';
        }

        let playera = $(this.node);
        //console.log(playera)
        playera.empty();

        playera.append(videoPlayer);

        //1.11.5添加底部区域 1.11.8修复底栏层次问题
        this.bottomArea()
      }
      this.innerParse(url2);
      //1.11.5 修复移除vip提示bug
      let removetime = new Date().getTime();
      let waitlimit = setInterval(() => {
          $(".player-limit-mask").remove();
          $(".player-limit-mask pay").remove();
          $(".twp-container").remove();
          $(".twp-mask.twp-float").remove();
          if (new Date().getTime() - removetime >= 5000) {
            clearInterval(waitlimit)
          }
        },
        250);
    }
    this.bottomArea = function () {
      let playera = $(this.node);
      //1.11.5添加bottomArea
      let bottomcss = `    /*底部背景阴影*/
      .bilibili-player-video-bottom-area {
          width: 100%;
          height: 46px;
          background-color: #fff;
          -webkit-box-shadow: 0 0 8px #e5e9ef;
          box-shadow: 0 0 8px #e5e9ef;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
      }

      /*1.11.8修复偏移*/
      .bilibili-player-video-bottom-area::before {
        content: none
      }
  
      /*弹幕字体*/
      .bilibili-player-video-info-danmaku-number {
          height: 14px;
          line-height: 14px;
          font-size: 14px;
          font-weight: 600;
      }
  
      /*视频信息文本格式*/
      .bilibili-player-video-info {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 0;
          -ms-flex: none;
          flex: none;
          -ms-flex-negative: 1;
          flex-shrink: 1;
          font-size: 12px;
          height: 16px;
          line-height: 14px;
          color: #505050;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          margin-right: 12px;
          width: 208px;
          white-space: nowrap;
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end;
          overflow: hidden;
          padding: 0 12px 0 20px;
      }
  
      /*弹幕按钮本体*/
      .bui-switch .bui-switch-input {
          position: absolute;
          width: 30px;
          height: 20px;
          border-radius: 10px;
          opacity: 0;
          margin: 0;
          cursor: pointer;
          z-index: 1;
      }
  
      /*弹幕按钮主体*/
      .bui-switch .bui-switch-body {
          display: inline-block;
          width: 30px;
          height: 20px;
          outline: none;
          border-radius: 10px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background: #757575;
          margin-right: 11px;
      }
  
      .bui-switch .bui-switch-input:checked+.bui-switch-label .bui-switch-body {
          background: #00a1d6;
      }
  
      /*弹幕按钮dot*/
      .bui-switch .bui-switch-dot {
          top: 2px;
          left: 2px;
          border-radius: 100%;
          width: 16px;
          height: 16px;
          background-color: #fff;
          color: #757575;
          fill: #757575;
          line-height: 16px;
          text-align: center;
          -webkit-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 3px 3px 0 rgba(0, 0, 0, .05);
          box-shadow: 0 3px 1px 0 rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 3px 3px 0 rgba(0, 0, 0, .05);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
      }
  
      .bui-switch .bui-switch-body,
      .bui-switch .bui-switch-dot {
          position: relative;
          -webkit-transition: all .3s;
          -o-transition: all .3s;
          transition: all .3s;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
      }
  
      .bui-switch .bui-switch-input:checked+.bui-switch-label .bui-switch-body .bui-switch-dot {
          left: 100%;
          margin-left: -18px;
          color: #00a1d6;
          fill: #00a1d6;
      }
  
      /*弹幕按钮图片*/
      .bui-switch .bui-switch-dot span {
          display: inline-block;
          width: 10px;
          height: 10px;
          font-size: 0;
      }
  
  
  
      /*弹幕设置*/
      /*bui*/
      .bui-panel.bui-dark {
          border: none;
          background: rgba(0, 0, 0, .67);
      }
  
      .bui-panel {
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          border-radius: 4px 4px 0 0;
          border: 1px solid #e2e2e2;
          background: #fff;
          overflow: hidden;
      }
  
      .bui {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          vertical-align: middle;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
      }
  
      .bui-panel-wrap {
          position: relative;
          -webkit-transition: all .25s;
          -o-transition: all .25s;
          transition: all .25s;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
      }
  
      .bui-panel-move {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end;
          height: 100%;
          -webkit-transform: translateX(0);
          transform: translateX(0);
          -webkit-transition: -webkit-transform .25s;
          transition: -webkit-transform .25s;
          -o-transition: transform .25s;
          transition: transform .25s;
          transition: transform .25s, -webkit-transform .25s;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
      }
  
      /*滑动条*/
      .bui-slider {
          height: 12px;
          cursor: pointer;
      }
  
      .bui-slider .bui-track {
          position: relative;
          width: 100%;
          height: 2px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
      }
  
      .bui-slider.bui-dark .bui-track .bui-bar-wrap,
      .bui-slider.bui-dark .bui-track .bui-step .bui-step-item .bui-step-dot {
          background: #505050;
      }
  
      .bui-slider .bui-track .bui-bar-wrap {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          border-radius: 1.5px;
          overflow: hidden;
          background: #e7e7e7;
      }
  
      .bui-slider .bui-track .bui-bar-wrap .bui-bar,
      .bui-slider .bui-track.bui-track-vertical .bui-bar-wrap .bui-bar {
          background: #00a1d6;
          background: var(--bpx-primary-color, #00a1d6);
      }
  
      .bui-slider .bui-track .bui-bar-wrap .bui-bar {
          position: absolute;
          -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background: #00a1d6;
          will-change: transform;
      }
  
      .bui-slider .bui-track .bui-thumb {
          pointer-events: none;
          cursor: pointer;
      }
  
      .bui-slider .bui-track .bui-step {
          pointer-events: none;
      }
  
      .bui-slider .bui-track .bui-step .bui-step-item {
          position: absolute;
          width: 0;
      }
  
      .bui-slider .bui-track .bui-step .bui-step-item .bui-step-dot {
          height: 4px;
          width: 2px;
          background: #e5e9ef;
          border-radius: 1px;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      }
  
  
      .bui-slider.bui-dark .bui-track .bui-bar-wrap,
      .bui-slider.bui-dark .bui-track .bui-step .bui-step-item .bui-step-dot {
          background: #505050;
      }
  
      .bui-slider .bui-track .bui-step .bui-step-item.bui-step-item-0 .bui-step-dot {
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
      }
  
      .bui-slider .bui-track .bui-step .bui-step-item.bui-step-item-100 .bui-step-dot {
          -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
      }
  
      .bui-slider .bui-track .bui-step .bui-step-item .bui-step-text {
          position: absolute;
          bottom: 6px;
          left: 50%;
          width: 100px;
          text-align: center;
          font-size: 12px;
          color: #999;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          line-height: 12px;
      }
  
      .bui-slider.bui-dark .bui-track .bui-step .bui-step-item .bui-step-text {
          color: hsla(0, 0%, 100%, .8);
      }
  
      .bui-slider .bui-track .bui-step .bui-step-item.bui-step-item-0 .bui-step-text {
          text-align: left;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
      }
  
      .bui-slider .bui-track .bui-step .bui-step-item.bui-step-item-100 .bui-step-text {
          -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
          text-align: right;
      }
  
      .bui-slider .bui-track .bui-thumb .bui-thumb-dot {
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background-color: #00a1d6;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          vertical-align: middle;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
      }
  
      .bui-slider .bui-track .bui-thumb .bui-thumb-tooltip {
          position: absolute;
          top: -21px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          padding: 0 7px;
          line-height: 18px;
          height: 18px;
          font-size: 12px;
          background: rgba(21, 21, 21, .8);
          border-radius: 4px;
          color: #fff;
          opacity: 0;
          -webkit-transition: opacity .2s ease-in-out;
          -o-transition: opacity .2s ease-in-out;
          transition: opacity .2s ease-in-out;
          pointer-events: none;
      }
  
      /*选择框*/
      .bui-checkbox {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          position: relative;
          cursor: pointer;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
      }
  
      .bilibili-player .bui-checkbox .bui-checkbox-input:checked+.bui-checkbox-label .bui-checkbox-icon svg,
      .bilibili-player .bui-checkbox:hover .bui-checkbox-icon svg {
          fill: #00a1d6;
          fill: var(--bpx-primary-color, #00a1d6)
      }
  
      .bui-checkbox .bui-checkbox-input {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          opacity: 0;
          margin: 0;
          cursor: pointer;
          z-index: 1;
      }
  
      .bui-checkbox .bui-checkbox-label {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          vertical-align: middle;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
      }
  
      .bui-checkbox .bui-checkbox-icon {
          display: inline-block;
          width: 16px;
          height: 16px;
          margin-right: 4px;
          vertical-align: middle;
      }
  
      .bui-checkbox .bui-checkbox-icon svg {
          vertical-align: top;
          fill: #ccd0d7;
          -webkit-transition: all .2s;
          -o-transition: all .2s;
          transition: all .2s;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          width: 16px;
          height: 16px;
      }
  
      .bui-checkbox.bui-dark .bui-checkbox-icon svg {
          fill: #fff;
      }
  
      .bilibili-player .bui-checkbox .bui-checkbox-input:checked+.bui-checkbox-label .bui-checkbox-icon svg,
      .bilibili-player .bui-checkbox:hover .bui-checkbox-icon svg {
          fill: #00a1d6;
          fill: var(--bpx-primary-color, #00a1d6);
      }
  
      .bui-checkbox .bui-checkbox-input:checked+.bui-checkbox-label .bui-checkbox-icon svg {
          fill: #00a1d6;
      }
  
      .bui-checkbox .bui-checkbox-input:checked+.bui-checkbox-label .bui-checkbox-icon-default {
          display: none;
      }
  
      .bui-checkbox .bui-checkbox-input:checked+.bui-checkbox-label .bui-checkbox-icon-selected {
          display: inline-block;
      }
  
      .bui-checkbox .bui-checkbox-icon-selected {
          display: none;
      }
  
      .bui-checkbox .bui-checkbox-name {
          vertical-align: middle;
          font-size: 12px;
          line-height: 12px;
          color: #222;
          -webkit-transition: all .2s;
          -o-transition: all .2s;
          transition: all .2s;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
          position: relative;
      }
  
      .bui-checkbox.bui-dark .bui-checkbox-name {
          color: #fff;
      }
  
      .bui-checkbox:hover .bui-checkbox-name {
          color: #00a1d6;
          color: var(--bpx-primary-color, #00a1d6)
      }
  
      .bilibili-player-video-danmaku-setting:hover .bui-panel-item.bui-panel-item-active {
          opacity: 1;
          pointer-events: auto;
      }
  
      .bui-panel-item {
          opacity: 0;
          pointer-events: none;
          -webkit-transition: opacity .1s;
          -o-transition: opacity .1s;
          transition: opacity .1s;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
      }
  
      /*设置主体*/
      .bilibili-player-video-danmaku-setting {
          fill: #757575;
          font-size: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          position: relative;
          width: 30px;
          height: 64px;
          line-height: 30px;
          margin-right: 11px;
          color: #fff;
          top: 45%;
          /*transform: translate(0, -50%);*/
          user-select: none;
      }
  
      /*设置图标*/
      .bilibili-player-video-danmaku-setting .bp-svgicon span {
          display: inline-block;
          width: 24px;
          font-size: 0;
          position: absolute;
          cursor: pointer;
          z-index: 1;
          margin: middle;
      }
  
      .bilibili-player-video-danmaku-setting:hover .bp-svgicon span {
          color: #00a1d6;
          fill: #00a1d6;
      }
  
      /*设置显示提示*/
      .bilibili-player-video-danmaku-setting:hover .bilibili-player-video-danmaku-setting-wrap {
          display: inline-block;
      }
  
      .bilibili-player-video-danmaku-setting-wrap {
          display: none;
          cursor: default;
          background: none;
          border: none;
          border-radius: 4px 4px 0 0;
          text-align: left;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 298px;
          height: 366px;
          font-size: 12px;
          z-index: 1001;
  
          /* 定位 */
          position: absolute;
          bottom: 46px;
          /* 46px */
          right: -149px;
          /*-149px */
          /*margin-left: 0px;*/
      }
  
      .bilibili-player-video-danmaku-setting-box {
          position: absolute;
          right: 0;
          bottom: 35px;
      }
  
      .bilibili-player-video-danmaku-setting-box {
          background: rgba(21, 21, 21, .9) !important;
          border-radius: 2px !important;
      }
  
      .bilibili-player-video-danmaku-setting-left {
          width: 100%;
          height: 100%;
          padding: 12px 20px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
      }
  
      /*选项大致*/
      .bilibili-player-video-danmaku-setting-left-area,
      .bilibili-player-video-danmaku-setting-left-fontsize,
      .bilibili-player-video-danmaku-setting-left-opacity,
      .bilibili-player-video-danmaku-setting-left-speedplus {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          height: 16px;
          line-height: 16px;
          margin-bottom: 24px;
      }
  
      .bilibili-player-video-danmaku-setting-left-area-title,
      .bilibili-player-video-danmaku-setting-left-block-title,
      .bilibili-player-video-danmaku-setting-left-fontsize-title,
      .bilibili-player-video-danmaku-setting-left-opacity-title,
      .bilibili-player-video-danmaku-setting-left-speedplus-title {
          text-align: left;
          height: 16px;
          line-height: 16px;
          margin-bottom: 4px;
          color: #fff;
      }
  
      .bilibili-player-video-danmaku-setting-left-area-content,
      .bilibili-player-video-danmaku-setting-left-fontsize-content,
      .bilibili-player-video-danmaku-setting-left-opacity-content,
      .bilibili-player-video-danmaku-setting-left-speedplus-content {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          width: 200px;
          height: 12px;
          margin-left: 10px;
      }
  
      /*选择框细节*/
      .bilibili-player-video-danmaku-setting-left-danmaku-density,
      .bilibili-player-video-danmaku-setting-left-danmaku-mask,
      .bilibili-player-video-danmaku-setting-left-preventshade {
          margin-bottom: 12px;
          height: 16px;
          line-height: 16px;
          float: left;
          color: #212121;
      }
  
      .bilibili-player-video-danmaku-setting-left-danmaku-density,
      .bilibili-player-video-danmaku-setting-left-danmaku-mask {
          margin-left: 10px;
      }
  
      .bilibili-player-video-danmaku-setting-left-danmaku-density label:hover,
      .bilibili-player-video-danmaku-setting-left-danmaku-density label:hover .bpui-icon-checkbox.icon-12checkbox,
      .bilibili-player-video-danmaku-setting-left-danmaku-mask label:hover,
      .bilibili-player-video-danmaku-setting-left-danmaku-mask label:hover .bpui-icon-checkbox.icon-12checkbox,
      .bilibili-player-video-danmaku-setting-left-preventshade label:hover,
      .bilibili-player-video-danmaku-setting-left-preventshade label:hover .bpui-icon-checkbox.icon-12checkbox {
          -webkit-box-shadow: none !important;
          box-shadow: none !important
      }
  
      .bilibili-player-video-danmaku-setting-left-danmaku-density:hover .bpui-checkbox-text,
      .bilibili-player-video-danmaku-setting-left-danmaku-mask:hover .bpui-checkbox-text,
      .bilibili-player-video-danmaku-setting-left-preventshade:hover .bpui-checkbox-text {
          color: #00a1d6
      }
  
      .bilibili-player-video-danmaku-setting-left-danmaku-density:hover .bpui-icon-checkbox.icon-12checkbox,
      .bilibili-player-video-danmaku-setting-left-danmaku-mask:hover .bpui-icon-checkbox.icon-12checkbox,
      .bilibili-player-video-danmaku-setting-left-preventshade:hover .bpui-icon-checkbox.icon-12checkbox {
          -webkit-box-shadow: none;
          box-shadow: none;
          border: 1px solid #00a1d6
      }
  
      /*block*/
      .bilibili-player-video-danmaku-setting-left-block {
          overflow: hidden;
          margin-bottom: 12px;
      }
  
      /*第一行打横*/
      .bilibili-player-video-danmaku-setting-left-block-content {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          height: 42px;
          overflow: hidden;
          cursor: pointer;
      }
  
      /*第一行图标行距*/
      .bilibili-player-video-danmaku-setting-left-block-content .bilibili-player-block-filter-type {
          position: relative;
          width: 28px;
          height: 100%;
          margin: 0 22px 16px 0;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          color: hsla(0, 0%, 100%, .8);
          -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
      }
  
      /*第一行图标字体上色*/
      .bilibili-player-video-danmaku-setting-left-block-content .bilibili-player-block-filter-type .bilibili-player-block-filter-image {
          /*position: relative;*/
          display: inline-block;
          font-size: 0;
          width: 28px;
          height: 28px;
          line-height: 28px;
          top: -5px;
          color: hsla(0, 0%, 100%, .8);
          fill: hsla(0, 0%, 100%, .8);
      }
  
  
      .bilibili-player-video-danmaku-setting-left-block-content .bilibili-player-block-filter-type .bilibili-player-block-filter-label {
          position: absolute;
          left: 0;
          bottom: -2px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 100%;
          height: 16px;
          padding: 0;
          margin: 0;
          text-align: center;
          line-height: 16px;
          color: hsla(0, 0%, 100%, .8);
          font-size: 12px;
          -webkit-transition: none;
          transition: none;
      }
  
      .bilibili-player-video-danmaku-setting-left-block-content .bilibili-player-block-filter-type:hover .bilibili-player-block-filter-image {
          color: #fff;
          fill: #fff
      }
  
      .bilibili-player-video-danmaku-setting-left-block-content .bilibili-player-block-filter-type:hover .bilibili-player-block-filter-label {
          color: #fff
      }
  
      .bilibili-player-video-danmaku-setting-left-block-content .bilibili-player-block-filter-type.disabled .bilibili-player-block-filter-image {
          color: #00a1d6 !important;
          fill: #00a1d6 !important
      }
  
      .bilibili-player-video-danmaku-setting-left-block-content .bilibili-player-block-filter-type.disabled .bilibili-player-block-filter-label {
          color: #00a1d6 !important
      }
  
      /*flag*/
      .bilibili-player-video-danmaku-setting-left-flag {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 12px;
          font-size: 12px;
          line-height: 16px;
      }
  
      .bilibili-player-video-danmaku-setting-left-flag-title {
          -webkit-box-flex: 0;
          -ms-flex: none;
          flex: none
      }
  
      .bilibili-player-video-danmaku-setting-left-flag-content {
          width: 100%;
          margin-left: 10px;
          padding-top: 2px;
          opacity: 1
      }
  
      .bilibili-player-video-danmaku-setting-left-flag-content .bui-step {
          display: none
      }
  
      .bilibili-player-video-danmaku-setting-left-flag.bilibili-player-unchecked .bilibili-player-video-danmaku-setting-left-flag-content {
          position: relative
      }
  
      .bilibili-player-video-danmaku-setting-left-flag.bilibili-player-unchecked .bilibili-player-video-danmaku-setting-left-flag-content .bilibili-player-setting-flag {
          opacity: 0
      }
  
      .bilibili-player-video-danmaku-setting-left-flag.bilibili-player-unchecked .bilibili-player-video-danmaku-setting-left-flag-content:after {
          display: inline-block;
          content: "全站视频将按等级屏蔽弹幕";
          position: absolute;
          top: 0;
          left: 0;
          color: #999
      }
  
      /*fontsize*/
      .bilibili-player-video-danmaku-setting-left-fontsize {
          margin-bottom: 12px;
      }
  
      /*preventshade*/
      .bilibili-player-video-danmaku-setting-left-preventshade {
          clear: left;
          margin-bottom: 14px;
      }
  
      /*block-word按钮*/
      .bilibili-player-video-danmaku-setting-left-block-word {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          line-height: 24px;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          margin-bottom: 14px;
          text-align: center;
      }
  
      .bilibili-player-video-danmaku-setting-left-block-word .bilibili-player-video-danmaku-setting-left-block-add,
      .bilibili-player-video-danmaku-setting-left-block-word .bilibili-player-video-danmaku-setting-left-block-sync {
          width: 126px;
          border-radius: 2px;
          background: hsla(0, 0%, 100%, .3);
          cursor: pointer;
      }
  
      .bilibili-player-video-danmaku-setting-left-block-word .bilibili-player-video-danmaku-setting-left-block-add:hover,
      .bilibili-player-video-danmaku-setting-left-block-word .bilibili-player-video-danmaku-setting-left-block-sync:hover {
          background: hsla(0, 0%, 100%, .4);
      }
  
      /*更多设置*/
      .bilibili-player-video-danmaku-setting-left-more {
          clear: left;
          color: #fff;
          fill: #fff;
          line-height: 16px;
          height: 16px;
          text-align: left;
          cursor: pointer;
          position: relative;
          top: 4px;
      }
  
      .bilibili-player-video-danmaku-setting-left-more:hover,
      .bilibili-player-video-danmaku-setting-left-more:hover .bp-svgicon {
          color: #00a1d6;
          fill: #00a1d6;
      }
  
      /*箭头*/
      .bilibili-player-video-danmaku-setting-left-more .bp-svgicon {
          position: absolute;
          right: 0;
          height: 16px;
          width: 16px;
          vertical-align: middle;
          margin-right: -3px;
      }
  
      .bilibili-player-video-danmaku-setting-left-more-text {
          vertical-align: middle;
          display: inline-block;
          -webkit-transition: color .3s;
          transition: color .3s;
      }
  
  
      /*线路整体*/
      .bilibili-player-video-btn.bilibili-player-video-btn-quality {
  
          fill: #757575;
          font-size: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          position: relative;
          width: auto;
          height: 64px;
          line-height: 30px;
          margin-right: 11px;
          color: #fff;
          /*top: 5px;*/
          user-select: none;
      }
  
      /*hover*/
      .bilibili-player-video-btn-quality:hover .bui-select.bui-select-quality-menu .bui-select-list {
          opacity: 1;
          display: block;
          visibility: visible;
      }
  
      /*.bilibili-player-video-btn-quality:hover .bui-select.bui-select-quality-menu .bui-select-result {
          background: #00a1d6;
      }*/
  
      .bui-select .bui-select-item:hover {
          background: #e7e7e7;
      }
  
      .bui-select.bui-dark .bui-select-item:hover {
          background: hsla(0, 0%, 100%, .1);
      }
  
      /*list*/
      .bui-select.bui-select-quality-menu .bui-select-list {
          font-size: 12px;
          width: 169px;
          height: auto !important;
          text-align: left;
          background: rgba(21, 21, 21, .9);
          border-radius: 2px;
          padding: 0;
  
          -webkit-transition: all .2s;
          -o-transition: all .2s;
          transition: all .2s;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
  
          position: absolute;
          /* 定位 */
          z-index: 1;
          bottom: 35px;
          left: 50%;
          margin-left: -84.5px;

          opacity: 0;
          display: none;
  

      }
  
      /*表面*/
      .bui-select.bui-select-quality-menu .bui-select-result {
          /*background: #757575;*/
          background-color: rgb(251, 114, 153);
          border-radius: 5px;
          /* font-weight: 600; */
          width: 100%;
          user-select: none;
          cursor: pointer;
          display: block;
          padding: 0 2px;
          text-align: center;
          color: #fff;
          font-size: 12px;
          height: 16px;
          line-height: 16px;
      }
  
      /*选项格式*/
      .bilibili-player-video-quality-menu .bui-select-list .bui-select-item {
          padding: 0 12px;
          height: 36px;
          line-height: 36px;
          white-space: nowrap;
          color: #fff;
          cursor: pointer
      }
  
      .bilibili-player-video-subtitle-setting-color .bui-select-item>span,
      .bilibili-player-video-subtitle-setting-color .bui-select-result>span {
          vertical-align: middle
      }
  
      .bilibili-player-video-subtitle-setting-color .bui-select-item>span:first-child,
      .bilibili-player-video-subtitle-setting-color .bui-select-result>span:first-child {
          width: 12px;
          height: 12px;
          display: inline-block;
          border-radius: 2px;
          margin-right: 8px
      }
  
      .bui-select.bui-select-quality-menu .bui-select-item.bui-select-item-active {
          color: #00a1d6;
      }
  
      .bilibili-player-video-btn .bilibili-player-video-quality-menu .bilibili-player-bigvip {
          position: relative;
          color: #fff;
          background-color: #f25d8e;
          margin-left: 27px;
          padding: 0 5px;
          border-radius: 8px;
          height: 16px;
          line-height: 16px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          user-select: none;
          float: right;
          top: 28%;
      }
  
      /*文本*/
      .bilibili-player-video-quality-text {
          user-select: none;
      }`

      GM_addStyle(bottomcss);

      //1.11.8 接口
      let category_1_html = "";
      originalInterfaceList.forEach((item, index) => {
        if (item.category == "1" && item.special) {
          category_1_html += `<li class="bui-select-item" data-index=` + index + `><span class="bilibili-player-video-quality-text">` + item.name + `</span><span class="bilibili-player-bigvip">` + item.special + `</span></li>`;
        } else {
          category_1_html += `<li class="bui-select-item" data-index=` + index + `><span class="bilibili-player-video-quality-text">` + item.name + `</span></li>`;
        }
      });

      let bottomdiv = `
      <div class="bilibili-player-video-bottom-area">
      <div class="bilibili-player-video-info">
          <div class="bilibili-player-video-info-danmaku player-tooltips-trigger">
              <span class="bilibili-player-video-info-danmaku-number"></span>
              <span class="bilibili-player-video-info-danmaku-text">条弹幕存在此弹幕池</span>
          </div>
      </div>
      <div class="bui-switch" aria-label="弹幕显示隐藏">
          <input class="bui-switch-input" type="checkbox" checked="">
          <label class="bui-switch-label">
              <span class="bui-switch-name"></span>
              <span class="bui-switch-body">
                  <span class="bui-switch-dot">
                      <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
                              <path
                                  d="M1.311 3.759l-.153 1.438h2.186c0 1.832-.066 3.056-.175 3.674-.131.618-.688.959-1.683 1.023-.284 0-.568-.021-.874-.043L.317 8.818c.284.032.59.053.896.053.546 0 .852-.17.929-.511.077-.341.12-1.076.12-2.204H0l.306-3.344h1.847V1.427H.098V.479h3.18v3.28H1.311zM4 1.747h1.311A8.095 8.095 0 004.492.426L5.53.085c.306.426.579.873.809 1.363l-.689.299h1.508c.306-.544.569-1.129.809-1.747l1.082.373c-.219.511-.47.969-.743 1.374h1.268V6.23H7.322v.82H10v1.044H7.322V10H6.208V8.094H3.607V7.05h2.601v-.82H4V1.747zm4.568 3.557v-.831H7.322v.831h1.246zm-2.36 0v-.831H5.016v.831h1.192zM5.016 3.557h1.191v-.873H5.016v.873zm2.306-.873v.873h1.246v-.873H7.322z">
                              </path>
                          </svg></span>
                  </span>
              </span>
          </label>
      </div>
      <div class="bilibili-player-video-danmaku-setting">
          <span class="bp-svgicon">
              <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
                      <path
                          d="M16.5 8c1.289 0 2.49.375 3.5 1.022V6a2 2 0 00-2-2H4a2 2 0 00-2 2v10a2 2 0 002 2h7.022A6.5 6.5 0 0116.5 8zM7 13H5a1 1 0 010-2h2a1 1 0 010 2zm2-4H5a1 1 0 010-2h4a1 1 0 010 2z">
                      </path>
                      <path
                          d="M20.587 13.696l-.787-.131a3.503 3.503 0 00-.593-1.051l.301-.804a.46.46 0 00-.21-.56l-1.005-.581a.52.52 0 00-.656.113l-.499.607a3.53 3.53 0 00-1.276 0l-.499-.607a.52.52 0 00-.656-.113l-1.005.581a.46.46 0 00-.21.56l.301.804c-.254.31-.456.665-.593 1.051l-.787.131a.48.48 0 00-.413.465v1.209a.48.48 0 00.413.465l.811.135c.144.382.353.733.614 1.038l-.292.78a.46.46 0 00.21.56l1.005.581a.52.52 0 00.656-.113l.515-.626a3.549 3.549 0 001.136 0l.515.626a.52.52 0 00.656.113l1.005-.581a.46.46 0 00.21-.56l-.292-.78c.261-.305.47-.656.614-1.038l.811-.135A.48.48 0 0021 15.37v-1.209a.48.48 0 00-.413-.465zM16.5 16.057a1.29 1.29 0 11.002-2.582 1.29 1.29 0 01-.002 2.582z">
                      </path>
                  </svg></span>
          </span>
          <div class="bilibili-player-video-danmaku-setting-wrap">
              <div class="bilibili-player-video-danmaku-setting-box bui bui-panel bui-dark">
                  <div class="bui-panel-wrap" style="width: 298px; height: 366px;">
                      <div class="bui-panel-move" style="width: 564px; transform: translateX(0px);">

                          <div class="bui-panel-item bui-panel-item-active" style="width: 298px; height: 366px;">
                              <div class="bilibili-player-video-danmaku-setting-left">
                                  <div class="bilibili-player-video-danmaku-setting-left-block">
                                      <div class="bilibili-player-video-danmaku-setting-left-block-title">按类型屏蔽</div>
                                      <div class="bilibili-player-video-danmaku-setting-left-block-content">
                                          <div class="bilibili-player-block-filter-type "
                                              data-name="ctlbar_danmuku_scroll_on" ftype="scroll"><span
                                                  class="bilibili-player-block-filter-image"><span
                                                      class="bp-svgicon"><svg xmlns="http://www.w3.org/2000/svg"
                                                          viewBox="0 0 28 28">
                                                          <path
                                                              d="M23 3H5a4 4 0 00-4 4v14a4 4 0 004 4h18a4 4 0 004-4V7a4 4 0 00-4-4zM11 9h6a1 1 0 010 2h-6a1 1 0 010-2zm-3 2H6V9h2v2zm4 4h-2v-2h2v2zm9 0h-6a1 1 0 010-2h6a1 1 0 010 2z">
                                                          </path>
                                                      </svg></span></span>
                                              <div class="bilibili-player-block-filter-label">滚动</div>
                                          </div>
                                          <div class="bilibili-player-block-filter-type "
                                              data-name="ctlbar_danmuku_top_on" ftype="top"><span
                                                  class="bilibili-player-block-filter-image"><span
                                                      class="bp-svgicon"><svg xmlns="http://www.w3.org/2000/svg"
                                                          viewBox="0 0 28 28">
                                                          <path
                                                              d="M23 3H5a4 4 0 00-4 4v14a4 4 0 004 4h18a4 4 0 004-4V7a4 4 0 00-4-4zM9 9H7V7h2v2zm4 0h-2V7h2v2zm4 0h-2V7h2v2zm4 0h-2V7h2v2z">
                                                          </path>
                                                      </svg></span></span>
                                              <div class="bilibili-player-block-filter-label">顶部</div>
                                          </div>
                                          <div class="bilibili-player-block-filter-type "
                                              data-name="ctlbar_danmuku_bottom_on" ftype="bottom"><span
                                                  class="bilibili-player-block-filter-image"><span
                                                      class="bp-svgicon"><svg xmlns="http://www.w3.org/2000/svg"
                                                          viewBox="0 0 28 28">
                                                          <path
                                                              d="M23 3H5a4 4 0 00-4 4v14a4 4 0 004 4h18a4 4 0 004-4V7a4 4 0 00-4-4zM9 21H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z">
                                                          </path>
                                                      </svg></span></span>
                                              <div class="bilibili-player-block-filter-label">底部</div>
                                          </div>
                                          <div class="bilibili-player-block-filter-type "
                                              data-name="ctlbar_danmuku_color_on" ftype="color"><span
                                                  class="bilibili-player-block-filter-image"><span
                                                      class="bp-svgicon"><svg xmlns="http://www.w3.org/2000/svg"
                                                          viewBox="0 0 28 28">
                                                          <path
                                                              d="M17.365 11.118c0-.612-.535-1.147-1.147-1.147s-1.147.535-1.147 1.147c0 .611.535 1.147 1.147 1.147s1.147-.536 1.147-1.147zM12.93 9.665c-.764 0-1.376.611-1.376 1.3 0 .689.612 1.301 1.376 1.301s1.376-.612 1.376-1.301-.612-1.3-1.376-1.3zM9.794 11.883c-.764 0-1.376.612-1.376 1.3 0 .689.612 1.3 1.376 1.3s1.376-.611 1.376-1.3c.001-.688-.611-1.3-1.376-1.3zM10.023 15.171c-.612 0-1.147.536-1.147 1.148 0 .611.535 1.146 1.147 1.146s1.147-.535 1.147-1.146c.001-.612-.535-1.148-1.147-1.148zM17.823 12.953c-.611 0-1.147.535-1.147 1.147s.536 1.147 1.147 1.147c.612 0 1.148-.535 1.148-1.147s-.536-1.147-1.148-1.147z">
                                                          </path>
                                                          <path
                                                              d="M23.177 3H4.824C2.683 3 1 4.833 1 7.167v13.665C1 23.167 2.683 25 4.824 25h18.353C25.318 25 27 23.167 27 20.833V7.167C27 4.833 25.318 3 23.177 3zm-3.442 13.624c-1.987.612-4.129-.154-5.046.764-.918.918 1.529 1.606 0 2.219-1.988.84-7.341-.535-8.182-4.053-.841-3.441 2.905-6.5 5.888-7.035 2.906-.535 6.041.841 8.181 2.982 2.065 2.141.765 4.74-.841 5.123z">
                                                          </path>
                                                      </svg></span></span>
                                              <div class="bilibili-player-block-filter-label">彩色</div>
                                          </div>
                                          <div class="bilibili-player-block-filter-type"
                                              data-name="ctlbar_danmuku_special_close" ftype="special"><span
                                                  class="bilibili-player-block-filter-image"><span
                                                      class="bp-svgicon"><svg xmlns="http://www.w3.org/2000/svg"
                                                          viewBox="0 0 28 28">
                                                          <path
                                                              d="M23 15c1.487 0 2.866.464 4 1.255V7a4 4 0 00-4-4H5a4 4 0 00-4 4v14a4 4 0 004 4h11.674A7 7 0 0123 15zM7.849 11.669l.447-.828.492.782.894.184-.536.736.134.966-.85-.321-.804.414.045-.967L7 11.946l.849-.277zm3.352 7.101l-1.43-.506L8.43 19v-1.565L7.357 16.33l1.43-.506.67-1.381.894 1.289 1.475.23-.894 1.289.269 1.519zm2.453-5.971l-2.145-1.933 2.637-1.151L15.263 7l1.877 2.255 2.86.23-1.52 2.531.67 2.854-2.816-.69-2.458 1.565-.222-2.946z">
                                                          </path>
                                                          <path
                                                              d="M26.536 18.464a5 5 0 00-7.071 0 5 5 0 000 7.071 5 5 0 107.071-7.071zm-5.657 5.657a3 3 0 01-.586-3.415l4.001 4.001a3 3 0 01-3.415-.586zm4.829-.827l-4.001-4.001a3.002 3.002 0 014.001 4.001z">
                                                          </path>
                                                      </svg></span></span>
                                              <div class="bilibili-player-block-filter-label">高级</div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="bilibili-player-video-danmaku-setting-left-flag">
                                      <div
                                          class="bilibili-player-video-danmaku-setting-left-flag-title bui bui-checkbox bui-dark">
                                          <input class="bui-checkbox-input" type="checkbox" checked=""
                                              aria-label="智能云屏蔽">
                                          <label class="bui-checkbox-label">
                                              <span class="bui-checkbox-icon bui-checkbox-icon-default"><svg
                                                      xmlns="http://www.w3.org/2000/svg" width="32" height="32"
                                                      viewBox="0 0 32 32">
                                                      <path
                                                          d="M8 6a2 2 0 00-2 2v16a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2H8zm0-2h16c2.21 0 4 1.79 4 4v16c0 2.21-1.79 4-4 4H8c-2.21 0-4-1.79-4-4V8c0-2.21 1.79-4 4-4z">
                                                      </path>
                                                  </svg></span>
                                              <span class="bui-checkbox-icon bui-checkbox-icon-selected"><svg
                                                      xmlns="http://www.w3.org/2000/svg" width="32" height="32"
                                                      viewBox="0 0 32 32">
                                                      <path
                                                          d="M13 18.25l-1.8-1.8c-.6-.6-1.65-.6-2.25 0s-.6 1.5 0 2.25l2.85 2.85c.318.318.762.468 1.2.448.438.02.882-.13 1.2-.448l8.85-8.85c.6-.6.6-1.65 0-2.25s-1.65-.6-2.25 0l-7.8 7.8zM8 4h16c2.21 0 4 1.79 4 4v16c0 2.21-1.79 4-4 4H8c-2.21 0-4-1.79-4-4V8c0-2.21 1.79-4 4-4z">
                                                      </path>
                                                  </svg></span>
                                              <span class="bui-checkbox-name">弹幕去重</span>
                                          </label>
                                      </div>
                                      <div class="bilibili-player-video-danmaku-setting-left-flag-content">
                                          <div class="bilibili-player-setting-flag bui bui-slider bui-dark">
                                              <div class="bui-track">
                                                  <div class="bui-bar-wrap">


                                                      <div class="bui-bar bui-bar-normal" role="progressbar"
                                                          style="transform: scaleX(0.22222);"></div>

                                                  </div>


                                                  <div class="bui-step">

                                                      <div class="bui-step-item bui-step-item-0" style="left:0%">
                                                          <div class="bui-step-dot"></div>
                                                          <div class="bui-step-text"></div>
                                                      </div>

                                                      <div class="bui-step-item bui-step-item-100" style="left:100%">
                                                          <div class="bui-step-dot"></div>
                                                          <div class="bui-step-text"></div>
                                                      </div>

                                                  </div>

                                                  <div class="bui-thumb" style="transform: translateX(34.6663px);">

                                                      <div class="bui-thumb-tooltip">3级</div>


                                                      <div class="bui-thumb-dot"></div>

                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="bilibili-player-video-danmaku-setting-left-preventshade">
                                      <span
                                          class="bilibili-player-video-danmaku-setting-left-preventshade-box bui bui-checkbox bui-dark player-tooltips-trigger"
                                          data-tooltip="2" data-text="视频底部15%部分为空白保留区" data-position="top-left"
                                          data-change-mode="1"><input class="bui-checkbox-input" type="checkbox"
                                              aria-label="防挡字幕">
                                          <label class="bui-checkbox-label">
                                              <span class="bui-checkbox-icon bui-checkbox-icon-default"><svg
                                                      xmlns="http://www.w3.org/2000/svg" width="32" height="32"
                                                      viewBox="0 0 32 32">
                                                      <path
                                                          d="M8 6a2 2 0 00-2 2v16a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2H8zm0-2h16c2.21 0 4 1.79 4 4v16c0 2.21-1.79 4-4 4H8c-2.21 0-4-1.79-4-4V8c0-2.21 1.79-4 4-4z">
                                                      </path>
                                                  </svg></span>
                                              <span class="bui-checkbox-icon bui-checkbox-icon-selected"><svg
                                                      xmlns="http://www.w3.org/2000/svg" width="32" height="32"
                                                      viewBox="0 0 32 32">
                                                      <path
                                                          d="M13 18.25l-1.8-1.8c-.6-.6-1.65-.6-2.25 0s-.6 1.5 0 2.25l2.85 2.85c.318.318.762.468 1.2.448.438.02.882-.13 1.2-.448l8.85-8.85c.6-.6.6-1.65 0-2.25s-1.65-.6-2.25 0l-7.8 7.8zM8 4h16c2.21 0 4 1.79 4 4v16c0 2.21-1.79 4-4 4H8c-2.21 0-4-1.79-4-4V8c0-2.21 1.79-4 4-4z">
                                                      </path>
                                                  </svg></span>
                                              <span class="bui-checkbox-name">防挡字幕</span>
                                          </label></span>
                                  </div>
                                  <div class="bilibili-player-video-danmaku-setting-left-opacity">
                                      <div class="bilibili-player-video-danmaku-setting-left-opacity-title">不透明度</div>
                                      <div class="bilibili-player-video-danmaku-setting-left-opacity-content">
                                          <div class="bilibili-player-setting-opacity bui bui-slider bui-dark">
                                              <div class="bui-track">

                                                  <div class="bui-bar-wrap">


                                                      <div class="bui-bar bui-bar-normal" role="progressbar"
                                                          style="transform: scaleX(1);"></div>
                                                  </div>
                                                  <div class="bui-thumb" style="transform: translateX(188px);">
                                                      <div class="bui-thumb-tooltip">100%</div>
                                                      <div class="bui-thumb-dot"></div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="bilibili-player-video-danmaku-setting-left-area">
                                      <div class="bilibili-player-video-danmaku-setting-left-area-title">显示区域</div>
                                      <div class="bilibili-player-video-danmaku-setting-left-area-content">
                                          <div class="bilibili-player-setting-area bui bui-slider bui-dark">
                                              <div class="bui-track">
                                                  <div class="bui-bar-wrap">
                                                  </div>
                                                  <div class="bui-step">

                                                      <div class="bui-step-item bui-step-item-0" style="left:0%">
                                                          <div class="bui-step-dot"></div>
                                                          <div class="bui-step-text">1/4屏</div>
                                                      </div>

                                                      <div class="bui-step-item" style="left:25%">
                                                          <div class="bui-step-dot"></div>
                                                          <div class="bui-step-text">半屏</div>
                                                      </div>

                                                      <div class="bui-step-item" style="left:50%">
                                                          <div class="bui-step-dot"></div>
                                                          <div class="bui-step-text">3/4屏</div>
                                                      </div>

                                                      <div class="bui-step-item" style="left:75%">
                                                          <div class="bui-step-dot"></div>
                                                          <div class="bui-step-text">不重叠</div>
                                                      </div>

                                                      <div class="bui-step-item bui-step-item-100" style="left:100%">
                                                          <div class="bui-step-dot"></div>
                                                          <div class="bui-step-text">不限</div>
                                                      </div>

                                                  </div>

                                                  <div class="bui-thumb" style="transform: translateX(141px);">
                                                      <div class="bui-thumb-dot"></div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="bilibili-player-video-danmaku-setting-left-speedplus">
                                      <div class="bilibili-player-video-danmaku-setting-left-speedplus-title">弹幕速度
                                      </div>
                                      <div class="bilibili-player-video-danmaku-setting-left-speedplus-content">
                                          <div class="bilibili-player-setting-speedplus bui bui-slider bui-dark">
                                              <div class="bui-track">
                                                  <div class="bui-bar-wrap">
                                                      <div class="bui-bar bui-bar-normal" role="progressbar"
                                                          style="transform: scaleX(0.4975);"></div>
                                                  </div>
                                                  <div class="bui-step">
                                                      <div class="bui-step-item bui-step-item-0" style="left:0%">
                                                          <div class="bui-step-dot"></div>
                                                          <div class="bui-step-text">慢</div>
                                                      </div>

                                                      <div class="bui-step-item bui-step-item-100" style="left:100%">
                                                          <div class="bui-step-dot"></div>
                                                          <div class="bui-step-text">快</div>
                                                      </div>

                                                  </div>

                                                  <div class="bui-thumb" style="transform: translateX(93.53px);">

                                                      <div class="bui-thumb-tooltip">100%</div>
                                                      <div class="bui-thumb-dot"></div>

                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="bilibili-player-video-danmaku-setting-left-fontsize">
                                      <div class="bilibili-player-video-danmaku-setting-left-fontsize-title">字体大小
                                      </div>
                                      <div class="bilibili-player-video-danmaku-setting-left-fontsize-content">
                                          <div class="bilibili-player-setting-fontsize bui bui-slider bui-dark">
                                              <div class="bui-track">
                                                  <div class="bui-bar-wrap">
                                                      <div class="bui-bar bui-bar-normal" role="progressbar"
                                                          style="transform: scaleX(0.5);"></div>

                                                  </div>
                                                  <div class="bui-step">

                                                      <div class="bui-step-item bui-step-item-0" style="left:0%">
                                                          <div class="bui-step-dot"></div>
                                                          <div class="bui-step-text">小</div>
                                                      </div>

                                                      <div class="bui-step-item bui-step-item-100" style="left:100%">
                                                          <div class="bui-step-dot"></div>
                                                          <div class="bui-step-text">大</div>
                                                      </div>

                                                  </div>

                                                  <div class="bui-thumb" style="transform: translateX(94px);">
                                                      <div class="bui-thumb-tooltip">100%</div>
                                                      <div class="bui-thumb-dot"></div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="bilibili-player-video-danmaku-setting-left-block-word">
                                      <div class="bilibili-player-video-danmaku-setting-left-block-add">添加屏蔽词</div>
                                      <div class="bilibili-player-video-danmaku-setting-left-block-sync">下载XML弹幕</div>
                                  </div>
                                  <div class="bilibili-player-video-danmaku-setting-left-more"><span
                                          class="bilibili-player-video-danmaku-setting-left-more-text">更多弹幕设置</span><span
                                          class="bp-svgicon"><svg xmlns="http://www.w3.org/2000/svg"
                                              viewBox="0 0 16 16">
                                              <path
                                                  d="M9.188 7.999l-3.359 3.359a.75.75 0 101.061 1.061l3.889-3.889a.75.75 0 000-1.061L6.89 3.58a.75.75 0 10-1.061 1.061l3.359 3.358z">
                                              </path>
                                          </svg></span></div>
                              </div>
                          </div>

                          <div class="bui-panel-item" style="width: 266px; height: 254px;">
                              <div class="bilibili-player-video-danmaku-setting-right">
                                  <div class="bilibili-player-video-danmaku-setting-right-more"><span
                                          class="bp-svgicon"><svg xmlns="http://www.w3.org/2000/svg"
                                              viewBox="0 0 16 16">
                                              <path
                                                  d="M6.811 8.001l3.359-3.359a.75.75 0 10-1.061-1.061L5.22 7.471a.75.75 0 000 1.061l3.889 3.888a.75.75 0 101.061-1.061L6.811 8.001z">
                                              </path>
                                          </svg></span><span
                                          class="bilibili-player-video-danmaku-setting-right-more-text">更多弹幕设置</span>
                                  </div>
                                  <div class="bilibili-player-video-danmaku-setting-right-separator"></div>
                                  <div class="bilibili-player-video-danmaku-setting-right-fullscreensync">
                                      <span
                                          class="bilibili-player-video-danmaku-setting-right-fullscreensync-box bui bui-checkbox bui-dark"><input
                                              class="bui-checkbox-input" type="checkbox" aria-label="弹幕大小跟随屏幕等比缩放">
                                          <label class="bui-checkbox-label">
                                              <span class="bui-checkbox-icon bui-checkbox-icon-default"><svg
                                                      xmlns="http://www.w3.org/2000/svg" width="32" height="32"
                                                      viewBox="0 0 32 32">
                                                      <path
                                                          d="M8 6a2 2 0 00-2 2v16a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2H8zm0-2h16c2.21 0 4 1.79 4 4v16c0 2.21-1.79 4-4 4H8c-2.21 0-4-1.79-4-4V8c0-2.21 1.79-4 4-4z">
                                                      </path>
                                                  </svg></span>
                                              <span class="bui-checkbox-icon bui-checkbox-icon-selected"><svg
                                                      xmlns="http://www.w3.org/2000/svg" width="32" height="32"
                                                      viewBox="0 0 32 32">
                                                      <path
                                                          d="M13 18.25l-1.8-1.8c-.6-.6-1.65-.6-2.25 0s-.6 1.5 0 2.25l2.85 2.85c.318.318.762.468 1.2.448.438.02.882-.13 1.2-.448l8.85-8.85c.6-.6.6-1.65 0-2.25s-1.65-.6-2.25 0l-7.8 7.8zM8 4h16c2.21 0 4 1.79 4 4v16c0 2.21-1.79 4-4 4H8c-2.21 0-4-1.79-4-4V8c0-2.21 1.79-4 4-4z">
                                                      </path>
                                                  </svg></span>
                                              <span class="bui-checkbox-name">弹幕大小跟随屏幕等比缩放</span>
                                          </label></span>
                                  </div>
                                  <div class="bilibili-player-video-danmaku-setting-right-speedsync">
                                      <span
                                          class="bilibili-player-video-danmaku-setting-right-speedsync-box bui bui-checkbox bui-dark"><input
                                              class="bui-checkbox-input" type="checkbox" aria-label="弹幕速度同步播放倍数">
                                          <label class="bui-checkbox-label">
                                              <span class="bui-checkbox-icon bui-checkbox-icon-default"><svg
                                                      xmlns="http://www.w3.org/2000/svg" width="32" height="32"
                                                      viewBox="0 0 32 32">
                                                      <path
                                                          d="M8 6a2 2 0 00-2 2v16a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2H8zm0-2h16c2.21 0 4 1.79 4 4v16c0 2.21-1.79 4-4 4H8c-2.21 0-4-1.79-4-4V8c0-2.21 1.79-4 4-4z">
                                                      </path>
                                                  </svg></span>
                                              <span class="bui-checkbox-icon bui-checkbox-icon-selected"><svg
                                                      xmlns="http://www.w3.org/2000/svg" width="32" height="32"
                                                      viewBox="0 0 32 32">
                                                      <path
                                                          d="M13 18.25l-1.8-1.8c-.6-.6-1.65-.6-2.25 0s-.6 1.5 0 2.25l2.85 2.85c.318.318.762.468 1.2.448.438.02.882-.13 1.2-.448l8.85-8.85c.6-.6.6-1.65 0-2.25s-1.65-.6-2.25 0l-7.8 7.8zM8 4h16c2.21 0 4 1.79 4 4v16c0 2.21-1.79 4-4 4H8c-2.21 0-4-1.79-4-4V8c0-2.21 1.79-4 4-4z">
                                                      </path>
                                                  </svg></span>
                                              <span class="bui-checkbox-name">弹幕速度同步播放倍数</span>
                                          </label></span>
                                  </div>
                                  <div class="bilibili-player-video-danmaku-setting-right-font">
                                      <div class="bilibili-player-video-danmaku-setting-right-font-title">弹幕字体</div>
                                      <div class="bilibili-player-video-danmaku-setting-right-font-content">
                                          <div
                                              class="bilibili-player-video-danmaku-setting-right-font-content-fontfamily bui bui-select bui-dark">
                                              <div class="bui-select-wrap">
                                                  <div class="bui-select-border">
                                                      <div class="bui-select-header">
                                                          <span class="bui-select-result">黑体</span>
                                                          <span class="bui-select-arrow">
                                                              <span class="bui-select-arrow-down"></span>
                                                          </span>
                                                      </div>
                                                      <div class="bui-select-list-wrap">
                                                          <ul class="bui-select-list" style="border: none;">
                                                              <li class="bui-select-item bui-select-item-active"
                                                                  data-value="SimHei, 'Microsoft JhengHei'">黑体</li>
                                                              <li class="bui-select-item " data-value="SimSun">宋体</li>

                                                              <li class="bui-select-item " data-value="NSimSun">新宋体
                                                              </li>

                                                              <li class="bui-select-item " data-value="FangSong">仿宋
                                                              </li>

                                                              <li class="bui-select-item "
                                                                  data-value="'Microsoft YaHei'">微软雅黑</li>

                                                              <li class="bui-select-item "
                                                                  data-value="'Microsoft Yahei UI Light'">微软雅黑 Light
                                                              </li>

                                                              <li class="bui-select-item "
                                                                  data-value="'Noto Sans CJK SC DemiLight'">Noto Sans
                                                                  DemiLight</li>

                                                              <li class="bui-select-item "
                                                                  data-value="'Noto Sans CJK SC Regular'">Noto Sans
                                                                  Regular</li>

                                                          </ul>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                      <div class="bilibili-player-video-danmaku-setting-right-font-bold">
                                          <span
                                              class="bilibili-player-video-danmaku-setting-right-font-bold-box bui bui-checkbox bui-dark"><input
                                                  class="bui-checkbox-input" type="checkbox" aria-label="粗体">
                                              <label class="bui-checkbox-label">
                                                  <span class="bui-checkbox-icon bui-checkbox-icon-default"><svg
                                                          xmlns="http://www.w3.org/2000/svg" width="32" height="32"
                                                          viewBox="0 0 32 32">
                                                          <path
                                                              d="M8 6a2 2 0 00-2 2v16a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2H8zm0-2h16c2.21 0 4 1.79 4 4v16c0 2.21-1.79 4-4 4H8c-2.21 0-4-1.79-4-4V8c0-2.21 1.79-4 4-4z">
                                                          </path>
                                                      </svg></span>
                                                  <span class="bui-checkbox-icon bui-checkbox-icon-selected"><svg
                                                          xmlns="http://www.w3.org/2000/svg" width="32" height="32"
                                                          viewBox="0 0 32 32">
                                                          <path
                                                              d="M13 18.25l-1.8-1.8c-.6-.6-1.65-.6-2.25 0s-.6 1.5 0 2.25l2.85 2.85c.318.318.762.468 1.2.448.438.02.882-.13 1.2-.448l8.85-8.85c.6-.6.6-1.65 0-2.25s-1.65-.6-2.25 0l-7.8 7.8zM8 4h16c2.21 0 4 1.79 4 4v16c0 2.21-1.79 4-4 4H8c-2.21 0-4-1.79-4-4V8c0-2.21 1.79-4 4-4z">
                                                          </path>
                                                      </svg></span>
                                                  <span class="bui-checkbox-name">粗体</span>
                                              </label></span>
                                      </div>
                                  </div>
                                  <div class="bilibili-player-video-danmaku-setting-right-fontborder">
                                      <div class="bilibili-player-video-danmaku-setting-right-fontborder-title">描边类型
                                      </div>
                                      <div
                                          class="bilibili-player-video-danmaku-setting-right-fontborder-content bui bui-radio bui-dark">
                                          <div class="bui-radio-wrap bui-radio-button">
                                              <div class="bui-radio-group" style="margin: 0 -4px;">

                                                  <label class="bui-radio-item" style="margin: 0 4px;">
                                                      <input type="radio" class="bui-radio-input" value="0"
                                                          name="bui-radio4">
                                                      <span class="bui-radio-label">

                                                          <span class="bui-radio-text">重墨</span>
                                                      </span>
                                                  </label>

                                                  <label class="bui-radio-item" style="margin: 0 4px;">
                                                      <input type="radio" class="bui-radio-input" value="1"
                                                          name="bui-radio4">
                                                      <span class="bui-radio-label">

                                                          <span class="bui-radio-text">描边</span>
                                                      </span>
                                                  </label>

                                                  <label class="bui-radio-item" style="margin: 0 4px;">
                                                      <input type="radio" class="bui-radio-input" value="2"
                                                          name="bui-radio4">
                                                      <span class="bui-radio-label">

                                                          <span class="bui-radio-text">45°投影</span>
                                                      </span>
                                                  </label>

                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="bilibili-player-video-danmaku-setting-right-separator"></div>
                                  <div class="bilibili-player-video-danmaku-setting-right-reset bui bui-button bui-button-transparent"
                                      tabindex="0" role="button">恢复默认设置</div>
                              </div>
                          </div>

                      </div>
                  </div>
              </div>
          </div>
      </div>
      <div class="bilibili-player-video-btn bilibili-player-video-btn-quality">
          <div class="bilibili-player-video-quality-menu bui bui-select bui-dark bui-select-quality-menu">
              <div class="bui-select-wrap">
                  <div class="bui-select-border">
                      <div class="bui-select-header">
                          <span class="bui-select-result">
                              <span class="bilibili-player-video-quality-text">&nbsp大会员&nbsp</span>
                          </span>
                      </div>
                      <div class="bui-select-list-wrap">
                          <ul class="bui-select-list">

                              ` + category_1_html + `

                          </ul>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>
`;
      playera.append(bottomdiv);

      //1.11.5修复移除关键div导致脚本失效
      let playerPlaceholder = document.createElement('div');
      playerPlaceholder.id = 'player_placeholder';
      playera.append(playerPlaceholder);
      //console.log($(".bui-switch-input").prop("checked"),document.querySelector("#player_module > div.bilibili-player-video-bottom-area > div.bui-switch > input").checked)

      this.mouseEvent()
    }

    this.mouseEvent = function () {
      //1.11.5 弹幕开关
      let buiSwitchbtn = $(".bui-switch-input");
      buiSwitchbtn.click(function () {
        //let buiSwitchbtn = $(".bui-switch-input").prop("checked");
        //console.log(buiSwitchbtn);
        if ($(".bui-switch-input").prop("checked")) {
          postdownmessage({
            str: 'checktrue'
          })
        } else {
          postdownmessage({
            str: 'checkfalse'
          })
        }

      });

      //1.11.8 滑块
      $(".bui-slider").each(function () {
        $(this).mousedown(
          function (e) {
            $(this).on('mousemove.drag', function (e) {
              let el = $(this);
              let os = el.offset();
              let mouseX = e.pageX - os.left;
              //alert(mouseX/$(this).width())
              if (mouseX <= $(this).width() || mouseX >= 0) {
                //bilibili-player-setting-area
                let sliderpct = Math.ceil(mouseX / $(this).width() * 100)
                let sliderclass = $(this).attr('class')
                //alert(sliderclass.indexOf('bilibili-player-setting-area'))
                if (sliderclass.indexOf('bilibili-player-setting-area') == -
                  1) {
                  $(this).find(".bui-thumb").css('transform',
                    `translateX(${mouseX}px)`)
                } else {
                  if (sliderpct > 87) {
                    $(this).find(".bui-thumb").css('transform',
                      `translateX(${$(this).width()}px)`)
                  } else if (sliderpct > 62) {
                    $(this).find(".bui-thumb").css('transform',
                      `translateX(${Math.ceil($(this).width())*0.75}px)`
                    )
                  } else if (sliderpct > 37) {
                    $(this).find(".bui-thumb").css('transform',
                      `translateX(${Math.ceil($(this).width())*0.5}px)`
                    )
                  } else if (sliderpct > 12) {
                    $(this).find(".bui-thumb").css('transform',
                      `translateX(${Math.ceil($(this).width())*0.25}px)`
                    )
                  } else {
                    $(this).find(".bui-thumb").css('transform',
                      `translateX(${0}px)`)
                  }
                }
                $(this).find(".bui-bar-normal").css('transform',
                  `scaleX(${mouseX/$(this).width()})`)
                $(this).find(".bui-thumb-tooltip").css('opacity', `1`)
                $(this).find(".bui-thumb-tooltip").text(`${sliderpct}%`)
                $(".bilibili-player-video-info-danmaku-text").text(
                  sliderpct)
              }
            })
          }
        )

      })

      $(document).mouseup(function (e) {
        $(".bui-slider").each(function () {
          $(this).off('mousemove.drag');
          $(this).find(".bui-thumb-tooltip").css('opacity', `0`)
        })
      })

      //1.11.8 接口按钮
      $(".bui-select-item").each((liIndex, item) => {
        item.addEventListener("click", () => {
          $(".bui-select-item").removeClass("bui-select-item-active");
          $(item).addClass("bui-select-item-active")

          var index = parseInt($(item).attr("data-index"));
					commonFunctionObject.GMsetValue("index", index);
					this.videoreplace();
        });
      });

    }


    this.start = function () {
      this.operatOther();
    }
  }
  (new superVideoHelper()).start();
})()