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

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

废话不多说,直接上代码:

// ==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键并滚动鼠标滚轮,向下滚动为加速,向上滚动为减速。

您可能还喜欢...

发表回复

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

扫码去手机上看