Fancybox3左右跳过按钮

时间:2018-07-27 11:57:29

标签: javascript fancybox fancybox-3

我刚刚设置了FancyBox3,以查看是否可以与我的项目一起使用。

到目前为止很好。

不过,是否可以将左右键盘按钮设置为向前或向后跳过5秒钟?

在JS文件中,我找到了以下代码;

// Left arrow and Up arrow
if (keycode === 37 || keycode === 38) {
  e.preventDefault();

  self.previous();

  return;
}

// Righ arrow and Down arrow
if (keycode === 39 || keycode === 40) {
  e.preventDefault();

  self.next();

  return;
}

我认为这意味着当前左箭头和上箭头会跳到下一个视频,而右箭头和下箭头会跳到上一个视频,但是可以更改为在当前视频上向前和向后跳过5秒

1 个答案:

答案 0 :(得分:0)

使用这个。

if (keycode === 37 || keycode === 38) {
  e.preventDefault();
  if($("video")[0].currentTime-5>=0)
  {
       $("video")[0].currentTime=$("video")[0].currentTime-5;
  }

  return;
}

// Righ arrow and Down arrow
if (keycode === 39 || keycode === 40) {
  e.preventDefault();

  if($("video")[0].currentTime+5<=$("video")[0].duration)
  {
       $("video")[0].currentTime=$("video")[0].currentTime+5;
  }

  return;
}

只需将$(“ video”)[0]替换为您要快进的视频元素。这可能并不完美,但是如果您能够获得视频元素,则可以使用