/*! @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; }));