首页 > 其他 > 详细

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

时间:2021-04-27 14:32:05      阅读:21      评论:0      收藏:0      [点我收藏+]

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

解决方案:

在浏览器播放页面,按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

 技术分享图片

 

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

原文:https://www.cnblogs.com/LcxSummer/p/14707708.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!