Fancybox3左右跳过按钮

Question

我刚刚设置了 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 秒

Answer 1

用这个。

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] 替换为您想要快速播放的视频元素 forward.this 可能并不完美，但如果您能够获取视频元素，则可以使用。

Fancybox3左右跳过按钮

Fancybox3 right and left skip buttons

javascript

fancybox

fancybox-3