wwwwwllllk 发表于 2022-6-25 19:42:30

设置B站的视频倍速

很简单就不说了，b站的video标签的命名是bwp-video，可能有人没注意到。
因为最近看的某个up直播回放的视频。所以写一下
```
// ==UserScript==
// @name         设置B站的视频倍速
// @namespace    https://bbs.tampermonkey.net.cn/
// @version      0.1.0
// @description最近看的是直播回放的视频，所以写个倍速
// @icon         https://www.wandhi.com//favicon.ico
// @match      https://www.bilibili.com/video/*
// @author       xiaoxiami
// @grant      GM_addStyle
// @grant      GM_addStyle
// @grant      unsafeWindow
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
    //创建一个div
        var div = document.createElement("div");

    div.innerHTML="<div class='three'>3倍速</div><div class='five'>5倍速</div><div class='ten'>10倍速<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");
    let controlfiveDiv = document.getElementsByClassName("five");
    let controlTenDiv = document.getElementsByClassName("ten");
    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倍速")
    })



})();
GM_addStyle(`
.beisuDiv {
       position: absolute;
       top: 12vh;
       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:red;
      cursor: pointer
}
`)
```

王一之 发表于 2022-6-26 12:54:53

bwp-video么？我记得之前是video

wwwwwllllk 发表于 2022-6-26 16:19:55

王一之 发表于 2022-6-26 12:54
bwp-video么？我记得之前是video

b站的现在是这个了

李恒道 发表于 2022-6-26 18:08:03

wwwwwllllk 发表于 2022-6-26 16:19
b站的现在是这个了

我印象里是两个都有的
不同浏览器能触发出来不同的标签

wwwwwllllk 发表于 2022-6-26 19:15:37

李恒道 发表于 2022-6-26 18:08
我印象里是两个都有的
不同浏览器能触发出来不同的标签

我记得你之前用的video，但是我试了不可以了

wwwwwllllk 发表于 2022-6-26 21:23:55

李恒道 发表于 2022-6-26 18:08
我印象里是两个都有的
不同浏览器能触发出来不同的标签

原来如此，我用的谷歌

李恒道 发表于 2022-6-26 21:45:56

wwwwwllllk 发表于 2022-6-26 19:15
我记得你之前用的video，但是我试了不可以了

有的浏览器video有个那个
我也不知道具体判定条件是啥
很鬼...
页: [1]
查看完整版本: 设置B站的视频倍速