首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在videojs中,如何解绑videojs设置的键盘快捷键?

在videojs中,如何解绑videojs设置的键盘快捷键?
EN

Stack Overflow用户
提问于 2016-09-18 10:49:01
回答 1查看 1.3K关注 0票数 0

我正在通过修改源代码来构建自己的基于videojs的媒体播放器。我现在想做的是绑定我自己的快捷键,但是很明显videojs已经提前设置了一些快捷键。为了绑定我自己的键盘快捷键,我需要删除videojs中设置的默认快捷键。

如何解绑/移除videojs设置的键盘快捷键?

EN

回答 1

Stack Overflow用户

发布于 2017-04-23 10:18:40

在代码中,我发现了:

代码语言:javascript
复制
  ClickableComponent.prototype.handleKeyPress = function handleKeyPress(event) {
    // Support Space (32) or Enter (13) key operation to fire a click event
    if (event.which === 32 || event.which === 13) {
      event.preventDefault();
      this.handleClick(event);
    } else if (_Component.prototype.handleKeyPress) {
      _Component.prototype.handleKeyPress.call(this, event); // Pass keypress handling up for unsupported keys
    }
  };

我只是在搜索32,witch是来自太空的密钥码。玩家只使用回车和空格两个快捷键。所以我推荐了下面这几行:

代码语言:javascript
复制
  ClickableComponent.prototype.handleKeyPress = function handleKeyPress(event) {
    // Support Space (32) or Enter (13) key operation to fire a click event
    if (event.which === 32 || event.which === 13) {
      //event.preventDefault();
      //this.handleClick(event);
    } else if (_Component.prototype.handleKeyPress) {
      //_Component.prototype.handleKeyPress.call(this, event); // Pass keypress handling up for unsupported keys
    }
  };

唯一的问题是,当你点击全屏图标并按下空格键时,它将退出全屏模式。但其余的都被删除了。例如播放/暂停、静音和字幕。我希望它能帮上忙!并且为我糟糕的英语感到抱歉。

编辑:在video.js导入后,我通过以下代码解决了这个问题:

代码语言:javascript
复制
$('.vjs-fullscreen-control').click(function(){
    setTimeout(function(){
       document.getElementById('example_video1').focus();
    },20);
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39553572

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档