Update seek buttons

node_modules/videojs-seek-buttons/dist/videojs-seek-buttons.js

@@ -0,0 +1,137 @@
+/*! @name videojs-seek-buttons @version 4.0.3 @license Apache-2.0 */
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('video.js')) :
+  typeof define === 'function' && define.amd ? define(['video.js'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.videojsSeekButtons = factory(global.videojs));
+})(this, (function (videojs) { 'use strict';
+
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+  var videojs__default = /*#__PURE__*/_interopDefaultLegacy(videojs);
+
+  var version = "4.0.3";
+
+  const Button = videojs__default["default"].getComponent('Button'); // Default options for the plugin.
+
+  const defaults = {
+    forwardIndex: 1,
+    backIndex: 1
+  };
+  /**
+   * Set up buttons when the player is ready.
+   *
+   * @function onPlayerReady
+   * @param    {Player} player
+   *           A Video.js player object.
+   *
+   * @param    {Object} [options={}]
+   *           A plain object containing options for the plugin.
+   */
+
+  const onPlayerReady = (player, options) => {
+    player.addClass('vjs-seek-buttons');
+
+    if (options.forward && options.forward > 0) {
+      player.controlBar.seekForward = player.controlBar.addChild('seekButton', {
+        direction: 'forward',
+        seconds: options.forward
+      }, options.forwardIndex);
+    }
+
+    if (options.back && options.back > 0) {
+      player.controlBar.seekBack = player.controlBar.addChild('seekButton', {
+        direction: 'back',
+        seconds: options.back
+      }, options.backIndex);
+    }
+  };
+  /**
+   * Plugin init if ready or on ready
+   *
+   * @function seekButtons
+   * @param    {Object} [options={}]
+   *           An object of options left to the plugin author to define.
+   */
+
+
+  const seekButtons = function (options) {
+    this.ready(() => {
+      onPlayerReady(this, videojs__default["default"].obj.merge(defaults, options));
+    });
+  }; // Include the version number.
+
+
+  seekButtons.VERSION = version;
+  /**
+   * Button to seek forward/back
+   *
+   * @extends Button
+   * @class SeekButton
+   */
+
+  class SeekButton extends Button {
+    /**
+     * Constructor for class
+     *
+     * @param {Player|Object} player The player
+     * @param {Object=} options Button options
+     * @param {string} options.direction back or forward
+     * @param {Int} options.seconds number of seconds to seek
+     */
+    constructor(player, options) {
+      super(player, options);
+      this.$('.vjs-icon-placeholder').classList.add('vjs-icon-replay');
+
+      if (this.options_.direction === 'forward') {
+        this.controlText(this.localize('Seek forward {{seconds}} seconds').replace('{{seconds}}', this.options_.seconds));
+      } else if (this.options_.direction === 'back') {
+        this.controlText(this.localize('Seek back {{seconds}} seconds').replace('{{seconds}}', this.options_.seconds));
+      }
+    }
+    /**
+     * Return button class names which include the seek amount.
+     *
+     * @return {string} css cass string
+     */
+
+
+    buildCSSClass() {
+      /* Each button will have the classes:
+         `vjs-seek-button`
+         `skip-forward` or `skip-back`
+         `skip-n` where `n` is the number of seconds
+         So you could have a generic icon for "skip back" and a more
+         specific one for "skip back 30 seconds"
+      */
+      return `vjs-seek-button skip-${this.options_.direction} ` + `skip-${this.options_.seconds} ${super.buildCSSClass()}`;
+    }
+    /**
+     * Seek with the button's configured offset
+     */
+
+
+    handleClick() {
+      const now = this.player_.currentTime();
+
+      if (this.options_.direction === 'forward') {
+        let duration = this.player_.duration();
+
+        if (this.player_.liveTracker && this.player_.liveTracker.isLive()) {
+          duration = this.player_.liveTracker.seekableEnd();
+        }
+
+        this.player_.currentTime(Math.min(now + this.options_.seconds, duration));
+      } else if (this.options_.direction === 'back') {
+        this.player_.currentTime(Math.max(0, now - this.options_.seconds));
+      }
+    }
+
+  }
+
+  videojs__default["default"].registerComponent('SeekButton', SeekButton); // Register the plugin with video.js.
+
+  videojs__default["default"].registerPlugin('seekButtons', seekButtons);
+
+  return seekButtons;
+
+}));