• Run the video in fast-forward mode.

  • Adds a button that fast forwards the presentation on a click; that is, it starts playing the presentation at an increased speed.

  • Configure the required rates(speeds) for fast-forward. By default, it takes [2, 4, 8, 1].

How to configure and enable this feature

{
  "ui_configuration": {
    "controlPanelElements": [
      "fast_forward"
    ],
    "fastForwardRates": [2, 4, 8, 1, 0.5]
  }
}

Example

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HPlayer</title>
<!-- HPlayer compiled CSS library: -->
    <link rel="stylesheet" href="css/index.css">

</head>
<body>
<!-- Container for the UI overlay-->
<div class="player-container">
    <!-- HTMLVideoElement, width and height to 100% required to fill the player-container -->
    <video class="h-player" style="width:100%;height:100%"></video>
</div>
<!-- HPlayer compiled JS library: -->
<script src="js/HPlayer.bundle.js"></script>
<script>
const videoContainer = document.querySelector('.player-container')
const video = document.querySelector('.h-player');
const options = {
  basic: {
    source: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
  },
  ui_configuration: {
        "controlPanelElements": [
          "fast_forward"
        ]
    }
};

const hplayer = new HPlayer(video,videoContainer, options);
hplayer.init_();
</script>
</body>

</html>