【Tampermonkey脚本】鼠标滚轮控制html5 video播放速度

由 · 发布日期 · 已更新

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
// ==UserScript==
// @name         video-rate
// @namespace    http://nicoconi.com/
// @version      1.0
// @description  鼠标滚轮控制<video>播放速度
// @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键并滚动鼠标滚轮，向下滚动为加速，向上滚动为减速。

标签：

您可能还喜欢...

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

扫码去手机上看

新浪微博QQ空间微信更多