☰

百度网盘在线倍速播放，无需vip

在视频播放页添加了0.7-2倍数播放按钮,并提供了自定义倍速的输入框

当前为 2020-11-28 提交的版本，查看 最新版本。

// ==UserScript==
// @name         百度网盘在线倍速播放，无需vip
// @namespace 	 好玩实验室
// @version      1.0.2
// @description  在视频播放页添加了0.7-2倍数播放按钮,并提供了自定义倍速的输入框
// @match        *://pan.baidu.com/play/*
// ==/UserScript==
(function() {
    window.onload =function() {
		console.log(window.videojs)
		console.log(window.videojs.getPlayers("video-player"))
    	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)
    			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)
    			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)

    };
  })()