zoukankan      html  css  js  c++  java
  • 浏览器播放视频加快进功能

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

    解决方案:

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

     

  • 相关阅读:
    自定义注解(注解扫描)
    Redis缓存淘汰策略
    粘包问题
    MySQL事务日志
    分布式事务
    https的工作流程
    CAP原则和BASE理论
    设计模式(一)
    限流的原理以及常用算法
    散列冲突(哈希碰撞)的解决办法
  • 原文地址:https://www.cnblogs.com/LcxSummer/p/14707708.html
Copyright © 2011-2022 走看看