在视频播放页添加了0.7-2倍数播放按钮,并提供了自定义倍速的输入框
当前为
// ==UserScript==
// @name 百度网盘在线倍速播放，无需vip
// @namespace 好玩实验室
// @version 1.0.7
// @description 在视频播放页添加了0.7-2倍数播放按钮,并提供了自定义倍速的输入框
// @match *://pan.baidu.com/play/*
// ==/UserScript==
(function() {
setTimeout(function () {
document.getElementsByClassName("other-video-box")[0].style.marginTop="60px"
let toolbar = document.querySelector(".video-toolbar-buttonbox")
// 输入框
var multiSpeedInput = document.createElement("input");
multiSpeedInput.setAttribute("id","multiSpeedValue")
multiSpeedInput.style="margin-left:30px;outline-style: none ;border: 1px solid #ccc; border-radius: 3px;padding: 5px 5px;width: 200px;font-size: 14px;font-weight: 700;";
multiSpeedInput.setAttribute("placeholder","请输入想要的倍速，例如1.5")
toolbar.appendChild(multiSpeedInput)
var button = document.createElement("input");
button.setAttribute("type", "button");
button.setAttribute("value", "确定");
button.style.width = "120px";
button.style.height="30px"
button.style.borderWidth="0px"
button.style.borderRadius="3px"
button.style.background ="#1E90FF"
button.style.cursor="pointer"
button.style.outline="none"
button.style.color="white"
button.style.fontSize="17px"
button.style.marginLeft="20px"
button.onclick=function(){
let value = parseFloat(document.getElementById('multiSpeedValue').value)
if(window.isNaN(window.videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(value))){
// 更新span
speedTextSpan.innerText = "当前播放速度为" + value + "倍速"
}
}
toolbar.appendChild(button);
let span = document.createElement("span");
span.setAttribute("id","speedText")
span.innerHTML='当前播放速度为1倍速';
span.style.marginLeft="25px"
span.style.fontSize="16px"
span.style.fontWeight="bolder"
span.style.color="black"
toolbar.appendChild(span);
var speedTextSpan = document.getElementById("speedText");
let tool = document.querySelector(".video-toolbar")
let div = document.createElement("div");
div.style.position="absolute";
div.style.top="50px"
div.style.left="90px"
div.style.lineHeight="normal"
for(let i = 70 ; i < 130; i = i + 10){
let button = document.createElement("input");
button.setAttribute("type", "button");
button.setAttribute("value", i/100 + " 倍速播放");
button.style.width = "100px";
button.style.height="30px"
button.style.borderWidth="0px"
button.style.borderRadius="3px"
button.style.background ="#1E90FF"
button.style.cursor="pointer"
button.style.outline="none"
button.style.color="white"
button.style.fontSize="17px"
button.style.marginLeft="10px"
button.addEventListener("click",function(event){
console.log(i)
console.log(window.videojs)
if(window.isNaN(window.videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(i/100))){
// 更新span
speedTextSpan.innerText = "当前播放速度为" + i/100 + "倍速"
}
})
div.appendChild(button);
}
tool.appendChild(div)
let div1 = document.createElement("div");
div1.style.position="absolute";
div1.style.top="100px"
div1.style.left="90px"
div1.style.lineHeight="normal"
for(let i = 130 ; i < 210; i = i + 10){
let button = document.createElement("input");
button.setAttribute("type", "button");
button.setAttribute("value", i/100 + " 倍速播放");
button.style.width = "120px";
button.style.height="30px"
button.style.borderWidth="0px"
button.style.borderRadius="3px"
button.style.background ="#1E90FF"
button.style.cursor="pointer"
button.style.outline="none"
button.style.color="white"
button.style.fontSize="17px"
button.style.marginLeft="10px"
button.addEventListener("click",function(event){
console.log(i)
console.log(window.videojs)
if(window.isNaN(window.videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(i/100))){
// 更新span
speedTextSpan.innerText = "当前播放速度为" + i/100 + "倍速"
}
})
div1.appendChild(button);
}
let tool1 = document.querySelector(".video-toolbar")
tool1.appendChild(div1)
},5000)
})()