浏览器播放视频加快进功能

浏览器看视频的时候,有时候想按键盘左右键快进,如果浏览器没有提供

解决方案:

在浏览器播放页面,按F12打开控制台,在控制台输入如下js,回车

var vol = 0.1;  //1代表100%音量,每次增减0.1
var time = 5; //单位秒,每次增减5秒
var videoElement = document.getElementById("vjs_video_3_html5_api");
console.log(videoElement.paused);

document.onkeyup = function (event) {//键盘事件

    console.log("keyCode:" + event.keyCode);
    var e = event || window.event || arguments.callee.caller.arguments[0];

    //鼠标上下键控制视频音量
    if (e && e.keyCode === 38) {

        // 按 向上键
        videoElement.volume !== 1 ? videoElement.volume += vol : 1;
        return false;

    } else if (e && e.keyCode === 40) {

        // 按 向下键
        videoElement.volume !== 0 ? videoElement.volume -= vol : 1;
        return false;

    } else if (e && e.keyCode === 37) {

        // 按 向左键
        videoElement.currentTime !== 0 ? videoElement.currentTime -= time : 1;
        return false;

    } else if (e && e.keyCode === 39) {

        // 按 向右键
        videoElement.volume !== videoElement.duration ? videoElement.currentTime += time : 1;
        return false;

    }

};

 

vjs_video_3_html5_api这个是video的id

 

 

posted @ 2021-04-27 10:02  1156740846  阅读(2265)  评论(0编辑  收藏  举报