☰

哔哩哔哩（bilibili.com）播放页调整

1.自动定位到播放器（进入播放页，可自动定位到播放器，可设置偏移量及是否在点击主播放器时定位）；2.可设置是否自动选择最高画质；3.可设置播放器默认模式；

目前为 2022-08-02 提交的版本。查看 最新版本。

// ==UserScript==
// @name              哔哩哔哩（bilibili.com）播放页调整
// @license           GPL-3.0 License
// @namespace         https://greasyfork.org/zh-CN/scripts/415804-bilibili%E6%92%AD%E6%94%BE%E9%A1%B5%E8%B0%83%E6%95%B4-%E8%87%AA%E7%94%A8
// @version           0.7.6
// @description       1.自动定位到播放器（进入播放页，可自动定位到播放器，可设置偏移量及是否在点击主播放器时定位）；2.可设置是否自动选择最高画质；3.可设置播放器默认模式；
// @author            QIAN
// @match             *://*.bilibili.com/video/*
// @match             *://*.bilibili.com/bangumi/play/*
// @require           https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js
// @require           https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js
// @resource          swalStyle https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.min.css
// @grant             GM_setValue
// @grant             GM_getValue
// @grant             GM_registerMenuCommand
// @grant             GM_getResourceText
// @grant             GM.info
// @supportURL        https://github.com/QIUZAIYOU/Bilibili-VideoPage-Adjustment
// @homepageURL       https://github.com/QIUZAIYOU/Bilibili-VideoPage-Adjustment
// @icon              https://www.bilibili.com/favicon.ico?v=1
// ==/UserScript==

$(function () {
  const utils = {
    getValue (name) {
      return GM_getValue(name)
    },
    setValue (name, value) {
      GM_setValue(name, value)
    },
     exist (selecter) {
      return $(selecter).length >= 1   
    },
    addStyle (id, tag, css) {
      tag = tag || 'style'
      const doc = document
      const styleDom = doc.getElementById(id)
      if (styleDom) return
      const style = doc.createElement(tag)
      style.rel = 'stylesheet'
      style.id = id
      tag === 'style' ? (style.innerHTML = css) : (style.href = css)
      document.head.appendChild(style)
    },
    sleep (time) {
      return new Promise((resolve) => setTimeout(resolve, time));
    },
    getScrollTop () {
      var scroll_top = 0
      if (document.documentElement && document.documentElement.scrollTop) {
        scroll_top = document.documentElement.scrollTop
      } else if (document.body) {
        scroll_top = document.body.scrollTop
      }
      return scroll_top
    },
    documentHidden(){
      var hidden
      if (typeof document.hidden !== "undefined") {
          hidden = "hidden";
      } else if (typeof document.mozHidden !== "undefined") {
          hidden = "mozHidden";
      } else if (typeof document.msHidden !== "undefined") {
          hidden = "msHidden";
      } else if (typeof document.webkitHidden !== "undefined") {
          hidden = "webkitHidden";
      }
       return document[hidden]
    }
  }
  const main = {
    initValue () {
      const value = [
        {
          name: 'player_type',
          value: 'video'
        },
        {
          name: 'offset_top',
          value: 7
        },
        {
          name: 'player_offset_top',
          value: 160
        },
        {
          name: 'is_vip',
          value: false
        },
        {
          name: 'click_player_auto_locate',
          value: true
        },
        {
          name: 'current_screen_mod',
          value: 'normal'
        },
        {
          name: 'selected_screen_mod',
          value: 'widescreen'
        },
        {
          name: 'auto_select_video_highest_quality',
          value: true
        }, {
          name: 'contain_quality_4k',
          value: false
        }

      ]
      value.forEach((v) => {
        if (utils.getValue(v.name) === undefined) {
          utils.setValue(v.name, v.value)
        }
      })
    },
    autoLocation () {
      const offset_top = utils.getValue('offset_top')
      const click_player_auto_locate = utils.getValue(
        'click_player_auto_locate'
      )
      const player_type = utils.getValue('player_type')
      if (player_type === 'video') {
        if (utils.exist('#playerWrap #bilibili-player')) {
          const player_offset_top = $('#playerWrap').offset().top
          utils.setValue('player_offset_top', player_offset_top)
          // console.log('播放页调整：',player_offset_top,offset_top)
          console.log('播放页调整：第一次自动定位')
          $('html,body').scrollTop(player_offset_top - offset_top)
          const checkAutoLocationStatus = setInterval(function(){
            const document_scroll_top = $(document).scrollTop()
            const success = document_scroll_top === player_offset_top - offset_top
            if(success){
              clearInterval(checkAutoLocationStatus)
              $('html,body').scrollTop(player_offset_top - offset_top)
              console.log('播放页调整：自动定位成功')
              $('body').css('overflow', 'unset')
            }else{
              console.log(
                '播放页调整：自动定位失败，继续尝试',
                '\n',
                '-----------------',
                '\n',
                '当前顶部偏移量：'+ document_scroll_top,
                '\n',
                '播放器顶部偏移量：' + player_offset_top,
                '\n',
                '设置偏移量：' + offset_top,
                '\n',
                '期望偏移量：' + (player_offset_top - offset_top)
                         ) 
              $('html,body').scrollTop(player_offset_top - offset_top)
            }
          },1000)
          if (click_player_auto_locate) {
            $('#bilibili-player').on('click', function () {
              $('html,body').scrollTop(player_offset_top - offset_top)
            })
          }
        }
      }
      if (player_type === 'bangumi') {
        if (utils.exist('#player_module #bilibili-player')) {
          const player_offset_top = $('#player_module').offset().top
          utils.setValue('player_offset_top', player_offset_top)
          $('html,body').scrollTop(player_offset_top - offset_top)
          const checkAutoLocationStatus = setInterval(function(){
            const document_scroll_top = $(document).scrollTop()
            const success = document_scroll_top === player_offset_top - offset_top
            if(success){
              clearInterval(checkAutoLocationStatus)
              $('html,body').scrollTop(player_offset_top - offset_top)
              console.log('播放页调整：自动定位成功')
              $('body').css('overflow', 'unset')
            }else{
              console.log('播放页调整：自动定位失败，继续尝试',
                          '\n',
                          '-----------------',
                          '\n',
                          '当前顶部偏移量：'+ document_scroll_top,
                          '\n',
                          '播放器顶部偏移量：' + player_offset_top,
                          '\n',
                          '设置偏移量：' + offset_top,
                          '\n',
                          '期望偏移量：' + (player_offset_top - offset_top)
                         ) 
              $('html,body').scrollTop(player_offset_top - offset_top)
            }
          },1000)
          if (click_player_auto_locate) {
            $('#bilibili-player').on('click', function () {
              $('html,body').scrollTop(player_offset_top - offset_top)
            })
          }
        }
      }      
    },
    getCurrentPlayerTypeAndScreenMod () {
      const currentUrl = window.location.href
      const player_type = utils.getValue('player_type')
      if (currentUrl.includes('www.bilibili.com/video')) {
        utils.setValue('player_type', 'video')
      }
      if (currentUrl.includes('www.bilibili.com/bangumi/play')) {
        utils.setValue('player_type', 'bangumi')
      }
      if (player_type === 'video') {
        if (utils.exist('#playerWrap #bilibili-player')) {
          const playerDataScreen = $('.bpx-player-container').attr('data-screen') || "NULL"
          // console.log('播放页调整：' + screenMod)
          const screenModObserver = new MutationObserver(function (mutations) {
            mutations.forEach(function (mutation) {
              if (playerDataScreen.includes('wide')) {
                utils.setValue('current_screen_mod', 'widescreen')
              }
              if (playerDataScreen.includes('web')) {
                utils.setValue('current_screen_mod', 'webfullscreen')
              }
            })
          })
          screenModObserver.observe($('#bilibili-player')[0], {
            attributes: true
          })
        }
      }
      if (player_type === 'bangumi') {
        if (utils.exist('#player_module #bilibili-player')) {
          const playerDataScreen = $(
            '#bilibili-player .bpx-player-container'
          ).attr('data-screen')
          const screenModObserver = new MutationObserver(function (mutations) {
            mutations.forEach(function (mutation) {
              if (playerDataScreen === 'normal') {
                utils.setValue('current_screen_mod', 'normal')
              }
              if (playerDataScreen === 'wide') {
                utils.setValue('current_screen_mod', 'widescreen')
              }
              if (playerDataScreen === 'web') {
                utils.setValue('current_screen_mod', 'webfullscreen')
              }
            })
          })
          screenModObserver.observe($('#bilibili-player')[0], {
            attributes: true
          })
        }
      }
    },
   autoSelectScreenMod () {
      const player_type = utils.getValue('player_type')
      const current_screen_mod = utils.getValue('current_screen_mod')
      const selected_screen_mod = utils.getValue('selected_screen_mod')
      $('#bilibili-player').addClass('bilibili-videopage-adjustment')
      if (player_type === 'video') {  
        if (utils.exist('#playerWrap #bilibili-player')) {
          // console.log('播放页调整：','current_screen_mod, selected_screen_mod);
          const playerDataScreen = $('.bpx-player-container').attr('data-screen') || "NULL"
          if (
            selected_screen_mod === 'normal' &&
            current_screen_mod !== 'normal'
          ) {
            $('.bpx-player-ctrl-wide-leave').click()
          }
          if (
            selected_screen_mod === 'widescreen' &&
            current_screen_mod !== 'widescreen' &&
            !playerDataScreen.includes('wide')
          ) {
            $('.bpx-player-ctrl-wide-enter').click()
            console.log('播放页调整：第一次切换：宽屏')
            const checkClickStatus = setInterval(function(){
              const success = $('.bpx-player-container').attr('data-screen').includes('wide')
              if(success){
                clearInterval(checkClickStatus)
                console.log('播放页调整：宽屏切换成功')
              }else{
                $('.bpx-player-ctrl-wide-enter').click()
                console.log('播放页调整：宽屏切换失败，继续尝试')
              }
            },1000)
            // await utils.sleep(1000)
            // alert('已自动切换宽屏')
          }
          if (
            selected_screen_mod === 'webfullscreen' &&
            current_screen_mod !== 'webfullscreen' &&
            !playerDataScreen.includes('web')
          ) {
            $('.bpx-player-ctrl-web-enter').click()
            console.log('播放页调整：第一次切换：网页全屏')
            const checkClickStatus = setInterval(function(){
              const success = $('.bpx-player-container').attr('data-screen').includes('web')
              if(success){
                clearInterval(checkClickStatus)
                console.log('播放页调整：网页全屏切换成功')
              }else{
                $('.bpx-player-ctrl-web-enter').click()
                console.log('播放页调整：网页全屏切换失败，继续尝试')
              }
            },1000)
          }
        }
      }
      if (player_type === 'bangumi') {
        if (utils.exist('#player_module #bilibili-player')) {
          // console.log('播放页调整：','b', current_screen_mod, selected_screen_mod);
          const playerDataScreen = $(
            '#bilibili-player .bpx-player-container'
          ).attr('data-screen')
          if (
            selected_screen_mod === 'normal' &&
            current_screen_mod !== 'normal'
          ) {
            $('.squirtle-controller-wrap-right .squirtle-video-item.active').click()
          }
          if (
            selected_screen_mod === 'widescreen' &&
            current_screen_mod !== 'widescreen' &&
            playerDataScreen !== 'wide'
          ) {
            $('.squirtle-widescreen-wrap .squirtle-video-widescreen').click()
            console.log('播放页调整：第一次切换：宽屏')
            const checkClickStatus = setInterval(function(){
              const success = $('#bilibili-player .bpx-player-container').attr('data-screen').includes('wide')
              if(success){
                clearInterval(checkClickStatus)
                console.log('播放页调整：宽屏切换成功')
              }else{
                $('.squirtle-widescreen-wrap .squirtle-video-widescreen').click()
                console.log('播放页调整：宽屏切换失败，继续尝试')
              }
            },700)
          }
          if (
            selected_screen_mod === 'webfullscreen' &&
            current_screen_mod !== 'webfullscreen' &&
            playerDataScreen !== 'web'
          ) {
            $('.squirtle-video-item.squirtle-video-pagefullscreen').click()
            console.log('播放页调整：第一次切换：网页全屏')
            const checkClickStatus = setInterval(function(){
              const success = $('#bilibili-player').attr('class').includes('full-screen')
              if(success){
                clearInterval(checkClickStatus)
                console.log('播放页调整：网页全屏切换成功')
              }else{
                $('.squirtle-video-item.squirtle-video-pagefullscreen').click()
                console.log('播放页调整：网页全屏切换失败，继续尝试')
              }
            },1000)
          }
        }
      }
      $('#bilibili-player').removeClass('bilibili-videopage-adjustment')
    },
    autoSelectVideoHightestQuality () {
      const player_type = utils.getValue('player_type')
      const is_vip = utils.getValue('is_vip')
      const contain_quality_4k = utils.getValue('contain_quality_4k')
      const auto_select_video_highest_quality = utils.getValue(
        'auto_select_video_highest_quality'
      )
      if (auto_select_video_highest_quality) {
        if (is_vip) {
          if (contain_quality_4k) {
            if (player_type === 'video') {
              if (utils.exist('#playerWrap #bilibili-player')) {
                $('.bui-select-list-wrap > ul > li').eq(0).click()
              }
            }
            if (player_type === 'bangumi') {
              if (utils.exist('#player_module #bilibili-player')) {
                $('.squirtle-quality-wrap >.squirtle-video-quality > ul > li').eq(0).click()
              }
            }
          } else {
            if (player_type === 'video') {
              if (utils.exist('#playerWrap #bilibili-player')) {
                const qualityValue = $('.bui-select-list-wrap > ul > li').filter(function () {
                  return !$(this).children('span.bilibili-player-video-quality-text').text().includes('4K')
                })
                qualityValue.eq(0).click()
              }
            }
            if (player_type === 'bangumi') {
              if (utils.exist('#player_module #bilibili-player')) {
                const qualityValue = $('.squirtle-quality-wrap > .squirtle-video-quality > ul > li').filter(function () {
                  return !$(this).children('.squirtle-quality-text-c').children('.squirtle-quality-text').text().includes('4K')
                })
                qualityValue.eq(0).click()
              }
            }
          }
        } else {
          if (player_type === 'video') {
            if (utils.exist('#playerWrap #bilibili-player')) {
              const selectVipItemLength = $(
                '.bui-select-list-wrap > ul > li'
              ).children('.bilibili-player-bigvip').length
              $('.bui-select-list-wrap > ul > li').eq(selectVipItemLength).click()
            }
          }
          if (player_type === 'bangumi') {
            if (utils.exist('#player_module #bilibili-player')) {
              const selectVipItemLength = $(
                '.squirtle-quality-wrap >.squirtle-video-quality > ul > li'
              ).children('.squirtle-bigvip').length
              $('.squirtle-quality-wrap >.squirtle-video-quality > ul > li')
                .eq(selectVipItemLength)
                .click()
            }
          }
        }
      }
    },
    registerMenuCommand () {
      GM_registerMenuCommand('设置', () => {
        const html = `
                  <div style="font-size: 1em;">
                      <label class="player-adjustment-setting-label" style="padding-top:0!important;">
                          是否为大会员
                          <input type="checkbox" id="Is-Vip" ${utils.getValue('is_vip') ? 'checked' : ''
          } class="player-adjustment-setting-checkbox"  >
                      </label>
                      <span class="player-adjustment-setting-tips"> -> 请如实勾选，否则影响自动选择清晰度</span>
                      <label class="player-adjustment-setting-label" id="player-adjustment-Range-Wrapper">
                          <span>播放器顶部偏移(px)</span>
                          <input id="Top-Offset" value="${utils.getValue(
            'offset_top'
          )}" style="padding:5px;width: 200px;border: 1px solid #cecece;">
                      </label>
                      <span class="player-adjustment-setting-tips"> -> 参考值：顶部导航栏吸顶时为 71 ，否则为 7</span>
                      <label class="player-adjustment-setting-label">
                          点击播放器时定位
                          <input type="checkbox" id="Click-Player-Auto-Location" ${utils.getValue('click_player_auto_locate')
            ? 'checked'
            : ''
          }  class="player-adjustment-setting-checkbox" >
                      </label>
                      <div class="player-adjustment-setting-label"
                          style="display: flex;align-items: center;justify-content: space-between;">
                          播放器默认模式
                          <div style="width: 215px;display: flex;align-items: center;justify-content: space-between;">
                              <label class="player-adjustment-setting-label" style="padding-top:0!important;">
                                  <input type="radio" name="Screen-Mod" value="normal" ${utils.getValue('selected_screen_mod') ===
            'normal'
            ? 'checked'
            : ''
          }>
                                  小屏
                              </label>
                              <label class="player-adjustment-setting-label" style="padding-top:0!important;">
                                  <input type="radio" name="Screen-Mod" value="widescreen" ${utils.getValue('selected_screen_mod') ===
            'widescreen'
            ? 'checked'
            : ''
          }
                                  >宽屏
                              </label>
                              <label class="player-adjustment-setting-label" style="padding-top:0!important;">
                                  <input type="radio" name="Screen-Mod" value="webfullscreen" ${utils.getValue('selected_screen_mod') ===
            'webfullscreen'
            ? 'checked'
            : ''
          }>
                                  网页全屏
                              </label>
                          </div>
                      </div>
                      <span class="player-adjustment-setting-tips"> -> 若遇到不能自动选择播放器模式可尝试点击重置</span>
                      <label class="player-adjustment-setting-label">
                          自动选择最高画质
                          <input type="checkbox" id="Auto-Quality" ${utils.getValue('auto_select_video_highest_quality')
            ? 'checked'
            : ''
          } class="player-adjustment-setting-checkbox" >
                      </label>
                      <label class="player-adjustment-setting-label 4k">
                          是否包含4K画质
                          <input type="checkbox" id="Quality-4K" ${utils.getValue('contain_quality_4k')
            ? 'checked'
            : ''
          } class="player-adjustment-setting-checkbox" >
                      </label>
                      <span class="player-adjustment-setting-tips"> -> 网络条件好时可以启用此项，自动选择最高画质时将选择4K画质，否则选择除4K外最高画质。</span>
                  </div>
                  `
        Swal.fire({
          title: '播放页调整设置',
          html,
          icon: 'info',
          showCloseButton: true,
          showDenyButton: true,
          confirmButtonText: '保存',
          denyButtonText: '重置',
          footer:
            '<div style="text-align: center;">如果发现脚本不能用，说明你的播放页面已经更新为新版。<br>目前此脚本不适用新版播放页面， 因为我的两个号都还没收到新版播放页面的推送， 所以暂时没法适配， 等我收到更新后会第一时间适配。</div><hr style="border: none;height: 1px;margin: 12px 0;background: #eaeaea;"><div style="text-align: center;font-size: 1.25em;"><a href="//userstyles.world/style/241/nightmode-for-bilibili-com" target="_blank">夜间哔哩 - </a><a href="//greasyfork.org/zh-CN/scripts/415804-bilibili%E6%92%AD%E6%94%BE%E9%A1%B5%E8%B0%83%E6%95%B4-%E8%87%AA%E7%94%A8" target="_blank">检查更新</a></div>'
        }).then((res) => {
          res.isConfirmed && location.reload(true)
          if (res.isConfirmed) {
            location.reload(true)
          } else if (res.isDenied) {
            utils.setValue('current_screen_mod', 'normal')
            location.reload(true)
          }
        })
        $('#Is-Vip').change((e) => {
          utils.setValue('is_vip', e.target.checked)
          if (e.target.checked === true) {
            $('.4k').css('display', 'none!important')
          } else {
            $('.4k').css('display', 'none!important')
          }
        })
        $('#Top-Offset').change((e) => {
          utils.setValue('offset_top', e.target.value)
        })
        $('#Click-Player-Auto-Location').change((e) => {
          utils.setValue('click_player_auto_locate', e.target.checked)
          // console.log('播放页调整：',utils.getValue('click_player_auto_locate'))
        })
        $('#Auto-Quality').change((e) => {
          utils.setValue('auto_select_video_highest_quality', e.target.checked)
        })
        $('#Quality-4K').change((e) => {
          utils.setValue('contain_quality_4k', e.target.checked)
        })
        $('input[name="Screen-Mod"]').click(function () {
          utils.setValue('selected_screen_mod', $(this).val())
          // console.log('播放页调整：',utils.getValue('selected_screen_mod'));
        })
      })
    },
    addPluginStyle () {
      const style = `
          .swal2-popup{width: 34em !important;padding: 1.25em !important;}
          .swal2-html-container{margin: 0 !important;padding: 16px 5px 0 !important;width: 100% !important;box-sizing: border-box !important;}
          .swal2-footer{flex-direction: column !important;}
          .swal2-close{top: 5px !important;right: 3px !important;}
          .swal2-actions{margin: 7px auto 0 !important;}
          .swal2-styled.swal2-confirm{background-color: #23ADE5 !important;}
          .swal2-icon.swal2-info.swal2-icon-show{display: none !important;}
          .player-adjustment-container,.swal2-container { z-index: 999999999 !important;}
          .player-adjustment-popup { font-size: 14px !important }
          .player-adjustment-setting-label { display: flex !important;align-items: center !important;justify-content: space-between !important;padding-top: 20px !important; }
          .player-adjustment-setting-checkbox { width: 16px !important;height: 16px !important; }
          .player-adjustment-setting-tips{width: 100% !important;display: flex !important;align-items: center !important;padding: 5px !important;margin-top: 10px !important;background: #f5f5f5 !important;box-sizing: border-box !important;color: #666 !important;border-radius: 2px !important;text-align: left !important;}
          .player-adjustment-setting-tips svg{margin-right: 5px !important}
          label.player-adjustment-setting-label input{border: 1px solid #cecece!important;background: #ffffff!important;}
          label.player-adjustment-setting-label input:checked{border-color: #1986b3!important;background: #23ADE5!important;}
          `
      if (document.head) {
        utils.addStyle(
          'swal-pub-style',
          'style',
          GM_getResourceText('swalStyle')
        )
        utils.addStyle('player-adjustment-style', 'style', style)
      }
      const headObserver = new MutationObserver(() => {
        utils.addStyle(
          'swal-pub-style',
          'style',
          GM_getResourceText('swalStyle')
        )
        utils.addStyle('player-adjustment-style', 'style', style)
      })
      headObserver.observe(document.head, { childList: true, subtree: true })
    },
    applySetting () {
      console.log(
        ' ' + GM.info.script.name,
        '\n',
        '脚本作者：' + GM.info.script.author,
        '\n',
        '-----------------',
        '\n',
        'player_type: ' + utils.getValue('player_type'),
        '\n',
        'offset_top: ' + utils.getValue('offset_top'),
        '\n',
        'player_offset_top: ' + utils.getValue('player_offset_top'),
        '\n',
        'is_vip: ' + utils.getValue('is_vip'),
        '\n',
        'click_player_auto_locate: ' +
        utils.getValue('click_player_auto_locate'),
        '\n',
        'current_screen_mod: ' + utils.getValue('current_screen_mod'),
        '\n',
        'selected_screen_mod: ' + utils.getValue('selected_screen_mod'),
        '\n',
        'auto_select_video_highest_quality: ' +
        utils.getValue('auto_select_video_highest_quality')
      )
      let applyed = false
      const applyChanges = setInterval(async () => {
        await utils.sleep(2000);
        const player_type = utils.getValue('player_type')
        const selected_screen_mod = utils.getValue('selected_screen_mod')
        if (player_type === 'video') {
          if (utils.exist('#playerWrap #bilibili-player')) {
            // const playerClass = $('#bilibili-player').attr('class')
            if (utils.exist('.bpx-player-control-bottom')) {    
              if(!applyed){
                main.insertLocateButton()
                main.autoSelectScreenMod()
                main.autoLocation()
                main.autoSelectVideoHightestQuality()
                applyed = true
              }else{
                $("#viewbox_report").attr("style","height:106px!important")
                $(".wide-members").attr("style","height: 99px; overflow: hidden; padding: 10px; box-sizing: border-box;margin-top: -18px;")
                clearInterval(applyChanges)
              }
            }
          }
        }
        if (player_type === 'bangumi') {
          if (utils.exist('#player_module #bilibili-player')) {
            const playerDataScreen = $(
              '#bilibili-player .bpx-player-container'
            ).attr('data-screen')
            if (utils.exist('.squirtle-controller-wrap')) {   
              if(!applyed){
                main.insertLocateButton()
                main.autoSelectScreenMod()
                main.autoLocation()
                main.autoSelectVideoHightestQuality()
                applyed = true
              }else{
                clearInterval(applyChanges)
              }
            }
          }
        }
      }, 1000)
    },
    insertLocateButton () {
      const player_type = utils.getValue('player_type')
      if (player_type === 'video') {
        const locateButtonHtml = `<div class="item locate" title="定位至播放器">
        <svg t="1643419779790" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1775" width="200" height="200" style="width: 50%;height: 100%;fill: currentColor;"><path d="M512 352c-88.008 0-160.002 72-160.002 160 0 88.008 71.994 160 160.002 160 88.01 0 159.998-71.992 159.998-160 0-88-71.988-160-159.998-160z m381.876 117.334c-19.21-177.062-162.148-320-339.21-339.198V64h-85.332v66.134c-177.062 19.198-320 162.136-339.208 339.198H64v85.334h66.124c19.208 177.062 162.144 320 339.208 339.208V960h85.332v-66.124c177.062-19.208 320-162.146 339.21-339.208H960v-85.334h-66.124zM512 810.666c-164.274 0-298.668-134.396-298.668-298.666 0-164.272 134.394-298.666 298.668-298.666 164.27 0 298.664 134.396 298.664 298.666S676.27 810.666 512 810.666z" p-id="1776"></path></svg></div>`
        const floatNav = $('.float-nav-exp .nav-menu')
        const locateButton = $('.float-nav-exp .nav-menu .item.locate')
        const offset_top = utils.getValue('offset_top')
        const player_offset_top = utils.getValue('player_offset_top')
        $('.fixed-nav').css('bottom','274px')
        floatNav.prepend(locateButtonHtml)
        locateButton.not(':first-child').remove()
        floatNav.on('click', '.locate', function () {
          $('html,body').scrollTop(player_offset_top - offset_top)
          // console.log('播放页调整：',player_offset_top,offset_top);
        })
      }
      if (player_type === 'bangumi') {
        const locateButtonHtml = `<div class="tool-item locate" title="定位至播放器">
        <svg t="1643419779790" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1775" width="200" height="200" style="width: 50%;height: 100%;fill: currentColor;"><path d="M512 352c-88.008 0-160.002 72-160.002 160 0 88.008 71.994 160 160.002 160 88.01 0 159.998-71.992 159.998-160 0-88-71.988-160-159.998-160z m381.876 117.334c-19.21-177.062-162.148-320-339.21-339.198V64h-85.332v66.134c-177.062 19.198-320 162.136-339.208 339.198H64v85.334h66.124c19.208 177.062 162.144 320 339.208 339.208V960h85.332v-66.124c177.062-19.208 320-162.146 339.21-339.208H960v-85.334h-66.124zM512 810.666c-164.274 0-298.668-134.396-298.668-298.666 0-164.272 134.394-298.666 298.668-298.666 164.27 0 298.664 134.396 298.664 298.666S676.27 810.666 512 810.666z" p-id="1776"></path></svg></div>`
        const floatNav = $('.nav-tools')
        const locateButton = $('.nav-tools .tool-item.locate')
        const offset_top = utils.getValue('offset_top')
        const player_offset_top = utils.getValue('player_offset_top')
        floatNav.prepend(locateButtonHtml)
        locateButton.not(':first-child').remove()
        floatNav.on('click', '.locate', function () {
          $('html,body').scrollTop(player_offset_top - offset_top)
          // console.log('播放页调整：',player_offset_top,offset_top);
        })
      }
    },
    autoCancelMute () {
      const player_type = utils.getValue('player_type')
      if (player_type === 'video') {
        const muteObserver = setInterval(() => {
          const cancelMuteButtn = $('[aria-label="取消静音"]')
          const cancelMuteButtnDisplay = cancelMuteButtn.css('display')
          if (cancelMuteButtnDisplay === 'inline') {
            cancelMuteButtn.click()
            console.log('播放页调整：','BiliBili播放页调整：已自动取消静音');
          }
          if (cancelMuteButtnDisplay === 'none') {
            clearInterval(muteObserver)
          }
        }, 1500)
      }
      if (player_type === 'bangumi') {
        const muteObserver = setInterval(() => {
          const cancelMuteButtn = $('.squirtle-volume-mute-state')
          const cancelMuteButtnDisplay = cancelMuteButtn.css('display')
          if (cancelMuteButtnDisplay === 'inline') {
            cancelMuteButtn.click()
            console.log('播放页调整：','BiliBili播放页调整：已自动取消静音');
          }
          if (cancelMuteButtnDisplay === 'none') {
            clearInterval(muteObserver)
          }
        }, 1500)
      }
    },
    playerLoadStateWatcher () {
      const player_type = utils.getValue('player_type')
      if (player_type === 'video') {
        if (utils.exist('#playerWrap #bilibili-player')) {
          const playerLoadStateWatcher1 = setInterval(function () {
            const playerVideoBtnQualityClass = $('.bilibili-player-video-btn-quality').attr('class') || 'NULL'
            // console.log('播放页调整：',playerVideoBtnQualityClass);
            if (playerVideoBtnQualityClass.includes('disabled')) {
              location.reload(true)
            } else {
              // clearInterval(playerLoadStateWatcher1)
            }
          }, 1500)
          const playerLoadStateWatcher2 = setInterval(function () {
            const playerVideoLength = $('.bpx-player-video-wrap').children().length
            // console.log('播放页调整：',playerVideoLength);
            if (playerVideoLength === 0) {
              location.reload(true)
            } else {
              clearInterval(playerLoadStateWatcher2)
            }
          }, 1500)
        }
      }
      if (player_type === 'bangumi') {
        if (utils.exist('#player_module #bilibili-player')) {
          // const playerLoadStateWatcher1 = setInterval(function () {
          //   const playerVideoBtnQualityClass = $('.bilibili-player-video-btn-quality').attr('class') || 'NULL'
          //   // console.log('播放页调整：',playerVideoBtnQualityClass);
          //   if (playerVideoBtnQualityClass.includes('disabled')) {
          //     location.reload(true)
          //   } else {
          //     // clearInterval(playerLoadStateWatcher1)
          //   }
          // }, 1000)
          const playerLoadStateWatcher2 = setInterval(function () {
            const playerVideoLength = $('.bpx-player-video-wrap').children().length
            // console.log('播放页调整：',playerVideoLength);
            if (playerVideoLength === 0) {
              // location.reload(true)
            } else {
              clearInterval(playerLoadStateWatcher2)
            }
          }, 1500)
        }
      }
    },
    isTopWindow () {
      return window.self === window.top
    },
    init () {
      $('body').css('overflow', 'hidden')
      this.initValue()
      this.addPluginStyle()
      this.playerLoadStateWatcher()
      this.getCurrentPlayerTypeAndScreenMod()
      // this.autoLocation()
      // this.autoSelectScreenMod()
      this.applySetting()
      this.playerLoadStateWatcher()
      this.autoCancelMute()
      this.isTopWindow() && this.registerMenuCommand()
      window.history.pushState = function () {
        main.applySetting()
      }
    }
  }
  main.init()
})