// ==UserScript==
// @name         设置B站的视频倍速,把消息和状态显示的更新个数隐藏掉
// @namespace    https://bbs.tampermonkey.net.cn/
// @version      0.1.3
// @description  最近看的是直播回放的视频，所以写个倍速，看见烦，老想点，所以我要隐藏掉，我不想看到
// @icon         https://www.wandhi.com//favicon.ico
// @match        https://www.bilibili.com/video/*
// @match        https://www.bilibili.com/
// @author       xiaoxiami
// @grant        GM_addStyle
// @grant        GM_addStyle
// @grant        unsafeWindow
// @license MIT
// ==/UserScript==
 
(function() {
    'use strict';
    if(window.location.href == 'https://www.bilibili.com/' ){
        setTimeout(() => {
            let getNumDiv = document.getElementsByClassName("num");
            if(getNumDiv){
                if(getNumDiv.length > 1){
                    for(let i=0;i<getNumDiv.length;i++){
                        getNumDiv[i].style.display="none"
                    }
                }else{
                    getNumDiv[0].style.display="none"
                }
            }
        },2000)
    } else {
        var div = document.createElement("div");
        div.innerHTML="<div class='three'>3倍速</div><div class='five'>5倍速</div><div class='ten'>10倍速</div><div class='hideMessage'>隐藏消息和动态显示个数</div>"
        //为div创建属性class = "beisuDiv"
        var divattr = document.createAttribute("class");
        divattr.value = "beisuDiv";
        //把属性class = "beisuDiv"添加到div
        div.setAttributeNode(divattr);
        document.body.appendChild(div);
        let controlThreeDiv = document.getElementsByClassName("three")[0];
        let controlfiveDiv = document.getElementsByClassName("five")[0];
        let controlTenDiv = document.getElementsByClassName("ten")[0];
        let controlHideMessage = document.getElementsByClassName("hideMessage")[0];
        controlThreeDiv.addEventListener("click", ()=>{
            document.querySelector('bwp-video').playbackRate = 3 
            alert("你已经设置为3倍速")
        })
        controlfiveDiv.addEventListener("click", ()=>{
            document.querySelector('bwp-video').playbackRate = 5
            alert("你已经设置为5倍速")
        })
        controlTenDiv.addEventListener("click", ()=>{
            document.querySelector('bwp-video').playbackRate = 10
            alert("你已经设置为10倍速")
        })
        controlHideMessage.addEventListener("click", ()=>{
            let getNumDiv = document.getElementsByClassName("num");
            if(getNumDiv){
                if(getNumDiv.length > 1){
                    for(let i=0;i<getNumDiv.length;i++){
                        getNumDiv[i].style.display="none"
                    }
                }else{
                    getNumDiv[0].style.display="none"
                }
            }
        })

        setTimeout(() => {
            document.getElementsByClassName("hideMessage")[0].click()
        },5*1000)

    }
 
	

 
 
})();
GM_addStyle(`
  .beisuDiv {
       position: absolute;
       top: 25vh;
       left: 0vw;
       background: white;
       z-index:999;
  }
  .three {
      background-color:skyblue;
      margin-bottom: 5px;
      cursor: pointer
  }
  .five {
      background-color:orange;
      margin-bottom: 5px;
      cursor: pointer
  }
  .ten {
      background-color:pink;
      margin-bottom: 5px;
      cursor: pointer;
      
  }
  .hideMessage {
      background-color:skyblue;
      cursor: pointer;
  }
`)