html控制滚动字幕速度的是,【Tampermonkey脚本】鼠标滚轮控制html5 video播放速度

在写这个脚本之前，我已经写了一个同样功能的Chrome扩展，通过右键菜单来控制的。写完Chrome扩展，突然想起来Tampermonkey干这个应该更随意。

废话不多说，直接上代码：

// ==UserScript==

// @name video-rate

// @namespace http://nicoconi.com/

// @version 1.0

// @description 鼠标滚轮控制播放速度

// @author Wang Zheng

// @match *://*/*

// ==/UserScript==

window.addEventListener("mousewheel", function(e) {

if (e.shiftKey) {

var video = e.target;

if (video && video.nodeName.toLowerCase() == "video") {

var delta = e.wheelDelta;

var rate = video.playbackRate;

if (delta > 0) {

rate /= 2;

}

else {

rate *= 2;

}

video.playbackRate = rate;

}

}

});

使用方法：

鼠标移动到video元素上，按下Shift键并滚动鼠标滚轮，向下滚动为加速，向上滚动为减速。