• 欢迎访问周知博客,每周记录新知识
  • 祝各位学得开心!!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

播放器功能扩展的油猴脚本

其他技术 admin 2个月前 (02-25) 52次浏览 0个评论

用于给不支持点击、键盘的播放器增加功能:
1.1.点击视频->播放/暂停
2.键盘功能:空格->播放/暂停 左键->后退 右键->前进 上键->音量增加 下键->音量减小
PS:可自行修改@match匹配自己的网站(页面如果有iframe要配置iframe中的地址)

// ==UserScript==
// @name         播放器功能扩展
// @description  用于给不支持点击、键盘的播放器增加功能:1.点击视频->播放/暂停 2.键盘功能:空格->播放/暂停 左键->后退 右键->前进 上键->音量增加 下键->音量减小
// @description  PS:可自行修改@match匹配自己的网站(页面如果有iframe要配置iframe中的地址)
// @namespace    http://tampermonkey.net/
// @version      1.0
// @author       cwk44
// @match        http://ss2.quelingfei.com:9900/*
// @grant        none
// @require      http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
// ==/UserScript==
 
(function() {
    'use strict';
 
    //点击视频
    $('video').click(function(){
        videoTrigger()
    });
 
    //键盘检测
    document.onkeydown = function(e){
        var timeInterval = 3
        var volumeInterval = 0.05
        var $video = $('video')[0]
 
        if (e.keyCode == 32) { //空格->播放/暂停
            videoTrigger()
        } else if(e.keyCode == 37) { //左键->后退
            $video.currentTime -= timeInterval
            $video.play()
        } else if(e.keyCode == 39) { //右键->前进
            $video.currentTime += timeInterval
            $video.play()
        } else if(e.keyCode == 38) { //上键->音量增加
            if ($video.volume < 1) {
                $video.volume += volumeInterval
                $video.play()
            } else {
                //alert('音量已调到最大')
            }
        } else if(e.keyCode == 40) { //下键->音量减小
            if ($video.volume > 0) {
                $video.volume -= volumeInterval
                $video.play()
            } else {
                //alert('音量已调到最小')
            }
        }
    };
  
    //播放/暂停
    function videoTrigger() {
        var $video = $('video')[0]
        if ($video.paused) {
            $video.play();
        } else {
            $video.pause();
        }
    }
})();

周知博客, 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:播放器功能扩展的油猴脚本
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址