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

     

  • 相关阅读:
    Selenium IDE安装及环境搭建教程
    菜鸟学自动化测试(一)----selenium IDE
    seleniumIDE回放找不到页面元素
    selenium报错汇总
    利用saltstack初始化OpenStack服务器环境
    工作机会
    使用state模块部署lamp架构
    tar命令
    svn备份
    MAC电脑密码破解
  • 原文地址:https://www.cnblogs.com/LcxSummer/p/14707708.html
Copyright © 2011-2022 走看看