mirror of
https://github.com/DanielnetoDotCom/YouPHPTube
synced 2025-10-03 09:49:28 +02:00
Update seek buttons
This commit is contained in:
Daniel Neto
parent
87721585c1
commit
2b7ac37bc3
8 changed files with 0 additions and 600 deletions
|
|
@ -1,4 +0,0 @@
|
|||
videojs.addLanguage('de', {
|
||||
"Seek forward {{seconds}} seconds": "Vorwärts {{seconds}} Sekunden",
|
||||
"Seek back {{seconds}} seconds": "Zurück {{seconds}} Sekunden"
|
||||
});
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
videojs.addLanguage('en', {
|
||||
"Seek forward {{seconds}} seconds": "Seek forward {{seconds}} seconds",
|
||||
"Seek back {{seconds}} seconds": "Seek back {{seconds}} seconds"
|
||||
});
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
videojs.addLanguage('it', {
|
||||
"Seek forward {{seconds}} seconds": "Avanti di {{seconds}} secondi",
|
||||
"Seek back {{seconds}} seconds": "Indietro di {{seconds}} secondi"
|
||||
});
|
||||
|
|
@ -1,181 +0,0 @@
|
|||
'use strict';
|
||||
|
||||
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
||||
|
||||
var videojs = _interopDefault(require('video.js'));
|
||||
|
||||
var version = "1.2.4";
|
||||
|
||||
var classCallCheck = function (instance, Constructor) {
|
||||
if (!(instance instanceof Constructor)) {
|
||||
throw new TypeError("Cannot call a class as a function");
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var inherits = function (subClass, superClass) {
|
||||
if (typeof superClass !== "function" && superClass !== null) {
|
||||
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
|
||||
}
|
||||
|
||||
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
||||
constructor: {
|
||||
value: subClass,
|
||||
enumerable: false,
|
||||
writable: true,
|
||||
configurable: true
|
||||
}
|
||||
});
|
||||
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var possibleConstructorReturn = function (self, call) {
|
||||
if (!self) {
|
||||
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
||||
}
|
||||
|
||||
return call && (typeof call === "object" || typeof call === "function") ? call : self;
|
||||
};
|
||||
|
||||
var Button = videojs.getComponent('Button');
|
||||
var Component = videojs.getComponent('Component');
|
||||
|
||||
// Default options for the plugin.
|
||||
var defaults$$1 = {};
|
||||
|
||||
// Cross-compatibility for Video.js 5 and 6.
|
||||
var registerPlugin = videojs.registerPlugin || videojs.plugin;
|
||||
// const dom = videojs.dom || videojs;
|
||||
|
||||
/**
|
||||
* Function to invoke when the player is ready.
|
||||
*
|
||||
* This is a great place for your plugin to initialize itself. When this
|
||||
* function is called, the player will have its DOM and child components
|
||||
* in place.
|
||||
*
|
||||
* @function onPlayerReady
|
||||
* @param {Player} player
|
||||
* A Video.js player object.
|
||||
*
|
||||
* @param {Object} [options={}]
|
||||
* A plain object containing options for the plugin.
|
||||
*/
|
||||
var onPlayerReady = function 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
|
||||
});
|
||||
player.controlBar.el().insertBefore(player.controlBar.seekForward.el(), player.controlBar.el().firstChild.nextSibling);
|
||||
}
|
||||
|
||||
if (options.back && options.back > 0) {
|
||||
player.controlBar.seekBack = player.controlBar.addChild('seekButton', {
|
||||
direction: 'back',
|
||||
seconds: options.back
|
||||
});
|
||||
player.controlBar.el().insertBefore(player.controlBar.seekBack.el(), player.controlBar.el().firstChild.nextSibling);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* A video.js plugin.
|
||||
*
|
||||
* In the plugin function, the value of `this` is a video.js `Player`
|
||||
* instance. You cannot rely on the player being in a "ready" state here,
|
||||
* depending on how the plugin is invoked. This may or may not be important
|
||||
* to you; if not, remove the wait for "ready"!
|
||||
*
|
||||
* @function seekButtons
|
||||
* @param {Object} [options={}]
|
||||
* An object of options left to the plugin author to define.
|
||||
*/
|
||||
var seekButtons = function seekButtons(options) {
|
||||
var _this = this;
|
||||
|
||||
this.ready(function () {
|
||||
onPlayerReady(_this, videojs.mergeOptions(defaults$$1, options));
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Button to seek forward/back
|
||||
*
|
||||
* @param {Player|Object} player
|
||||
* @param {Object=} options
|
||||
* @extends Button
|
||||
* @class SeekToggle
|
||||
*/
|
||||
|
||||
var SeekButton = function (_Button) {
|
||||
inherits(SeekButton, _Button);
|
||||
|
||||
function SeekButton(player, options) {
|
||||
classCallCheck(this, SeekButton);
|
||||
|
||||
var _this2 = possibleConstructorReturn(this, _Button.call(this, player, options));
|
||||
|
||||
if (_this2.options_.direction === 'forward') {
|
||||
_this2.controlText(_this2.localize('Seek forward {{seconds}} seconds').replace('{{seconds}}', _this2.options_.seconds));
|
||||
} else if (_this2.options_.direction === 'back') {
|
||||
_this2.controlText(_this2.localize('Seek back {{seconds}} seconds').replace('{{seconds}}', _this2.options_.seconds));
|
||||
}
|
||||
return _this2;
|
||||
}
|
||||
|
||||
SeekButton.prototype.buildCSSClass = function 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 + ' ' + _Button.prototype.buildCSSClass.call(this));
|
||||
};
|
||||
|
||||
SeekButton.prototype.handleClick = function handleClick() {
|
||||
var now = this.player_.currentTime();
|
||||
|
||||
if (this.options_.direction === 'forward') {
|
||||
this.player_.currentTime(now + this.options_.seconds);
|
||||
} else if (this.options_.direction === 'back') {
|
||||
this.player_.currentTime(now - this.options_.seconds);
|
||||
}
|
||||
};
|
||||
|
||||
return SeekButton;
|
||||
}(Button);
|
||||
|
||||
Component.registerComponent('SeekButton', SeekButton);
|
||||
|
||||
// Register the plugin with video.js.
|
||||
registerPlugin('seekButtons', seekButtons);
|
||||
|
||||
// Include the version number.
|
||||
seekButtons.VERSION = version;
|
||||
|
||||
module.exports = seekButtons;
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
/**
|
||||
* videojs-seek-buttons
|
||||
* @version 1.2.4
|
||||
* @copyright 2018 Ben Clifford
|
||||
* @license Apache-2.0
|
||||
*/
|
||||
@import url(https://fonts.googleapis.com/css?family=Material+Icons);
|
||||
.video-js .vjs-seek-button{font-family:'Material Icons';cursor:pointer}
|
||||
.video-js .vjs-seek-button.skip-back::before{content:'\e042'}
|
||||
.video-js .vjs-seek-button.skip-back.skip-10::before{content:'\e059'}
|
||||
.video-js .vjs-seek-button.skip-back.skip-5::before{content:'\e05b'}
|
||||
.video-js .vjs-seek-button.skip-back.skip-30::before{content:'\e05a'}
|
||||
.video-js .vjs-seek-button.skip-forward::before{content:'\e5d5'}
|
||||
.video-js .vjs-seek-button.skip-forward.skip-10::before{content:'\e056'}
|
||||
.video-js .vjs-seek-button.skip-forward.skip-5::before{content:'\e058'}
|
||||
.video-js .vjs-seek-button.skip-forward.skip-30::before{content:'\e057'}
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-back::before,
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-back.skip-10::before,
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-back.skip-5::before,
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-back.skip-30::before,
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-forward::before,
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-forward.skip-10::before,
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-forward.skip-5::before,
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-forward.skip-30::before{content:none}
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-back .vjs-icon-placeholder::before{content:'\e042'}
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-back.skip-10 .vjs-icon-placeholder::before{content:'\e059'}
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-back.skip-5 .vjs-icon-placeholder::before{content:'\e05b'}
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-back.skip-30 .vjs-icon-placeholder::before{content:'\e05a'}
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-forward .vjs-icon-placeholder::before{content:'\e5d5'}
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-forward.skip-10 .vjs-icon-placeholder::before{content:'\e056'}
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-forward.skip-5 .vjs-icon-placeholder::before{content:'\e058'}
|
||||
.video-js.vjs-v6 .vjs-seek-button.skip-forward.skip-30 .vjs-icon-placeholder::before{content:'\e057'}
|
||||
|
|
@ -1,177 +0,0 @@
|
|||
import videojs from 'video.js';
|
||||
|
||||
var version = "1.2.4";
|
||||
|
||||
var classCallCheck = function (instance, Constructor) {
|
||||
if (!(instance instanceof Constructor)) {
|
||||
throw new TypeError("Cannot call a class as a function");
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var inherits = function (subClass, superClass) {
|
||||
if (typeof superClass !== "function" && superClass !== null) {
|
||||
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
|
||||
}
|
||||
|
||||
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
||||
constructor: {
|
||||
value: subClass,
|
||||
enumerable: false,
|
||||
writable: true,
|
||||
configurable: true
|
||||
}
|
||||
});
|
||||
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var possibleConstructorReturn = function (self, call) {
|
||||
if (!self) {
|
||||
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
||||
}
|
||||
|
||||
return call && (typeof call === "object" || typeof call === "function") ? call : self;
|
||||
};
|
||||
|
||||
var Button = videojs.getComponent('Button');
|
||||
var Component = videojs.getComponent('Component');
|
||||
|
||||
// Default options for the plugin.
|
||||
var defaults$$1 = {};
|
||||
|
||||
// Cross-compatibility for Video.js 5 and 6.
|
||||
var registerPlugin = videojs.registerPlugin || videojs.plugin;
|
||||
// const dom = videojs.dom || videojs;
|
||||
|
||||
/**
|
||||
* Function to invoke when the player is ready.
|
||||
*
|
||||
* This is a great place for your plugin to initialize itself. When this
|
||||
* function is called, the player will have its DOM and child components
|
||||
* in place.
|
||||
*
|
||||
* @function onPlayerReady
|
||||
* @param {Player} player
|
||||
* A Video.js player object.
|
||||
*
|
||||
* @param {Object} [options={}]
|
||||
* A plain object containing options for the plugin.
|
||||
*/
|
||||
var onPlayerReady = function 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
|
||||
});
|
||||
player.controlBar.el().insertBefore(player.controlBar.seekForward.el(), player.controlBar.el().firstChild.nextSibling);
|
||||
}
|
||||
|
||||
if (options.back && options.back > 0) {
|
||||
player.controlBar.seekBack = player.controlBar.addChild('seekButton', {
|
||||
direction: 'back',
|
||||
seconds: options.back
|
||||
});
|
||||
player.controlBar.el().insertBefore(player.controlBar.seekBack.el(), player.controlBar.el().firstChild.nextSibling);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* A video.js plugin.
|
||||
*
|
||||
* In the plugin function, the value of `this` is a video.js `Player`
|
||||
* instance. You cannot rely on the player being in a "ready" state here,
|
||||
* depending on how the plugin is invoked. This may or may not be important
|
||||
* to you; if not, remove the wait for "ready"!
|
||||
*
|
||||
* @function seekButtons
|
||||
* @param {Object} [options={}]
|
||||
* An object of options left to the plugin author to define.
|
||||
*/
|
||||
var seekButtons = function seekButtons(options) {
|
||||
var _this = this;
|
||||
|
||||
this.ready(function () {
|
||||
onPlayerReady(_this, videojs.mergeOptions(defaults$$1, options));
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Button to seek forward/back
|
||||
*
|
||||
* @param {Player|Object} player
|
||||
* @param {Object=} options
|
||||
* @extends Button
|
||||
* @class SeekToggle
|
||||
*/
|
||||
|
||||
var SeekButton = function (_Button) {
|
||||
inherits(SeekButton, _Button);
|
||||
|
||||
function SeekButton(player, options) {
|
||||
classCallCheck(this, SeekButton);
|
||||
|
||||
var _this2 = possibleConstructorReturn(this, _Button.call(this, player, options));
|
||||
|
||||
if (_this2.options_.direction === 'forward') {
|
||||
_this2.controlText(_this2.localize('Seek forward {{seconds}} seconds').replace('{{seconds}}', _this2.options_.seconds));
|
||||
} else if (_this2.options_.direction === 'back') {
|
||||
_this2.controlText(_this2.localize('Seek back {{seconds}} seconds').replace('{{seconds}}', _this2.options_.seconds));
|
||||
}
|
||||
return _this2;
|
||||
}
|
||||
|
||||
SeekButton.prototype.buildCSSClass = function 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 + ' ' + _Button.prototype.buildCSSClass.call(this));
|
||||
};
|
||||
|
||||
SeekButton.prototype.handleClick = function handleClick() {
|
||||
var now = this.player_.currentTime();
|
||||
|
||||
if (this.options_.direction === 'forward') {
|
||||
this.player_.currentTime(now + this.options_.seconds);
|
||||
} else if (this.options_.direction === 'back') {
|
||||
this.player_.currentTime(now - this.options_.seconds);
|
||||
}
|
||||
};
|
||||
|
||||
return SeekButton;
|
||||
}(Button);
|
||||
|
||||
Component.registerComponent('SeekButton', SeekButton);
|
||||
|
||||
// Register the plugin with video.js.
|
||||
registerPlugin('seekButtons', seekButtons);
|
||||
|
||||
// Include the version number.
|
||||
seekButtons.VERSION = version;
|
||||
|
||||
export default seekButtons;
|
||||
|
|
@ -1,191 +0,0 @@
|
|||
/**
|
||||
* videojs-seek-buttons
|
||||
* @version 1.2.4
|
||||
* @copyright 2018 Ben Clifford
|
||||
* @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.videojsSeekButtons = factory(global.videojs));
|
||||
}(this, (function (videojs) { 'use strict';
|
||||
|
||||
videojs = 'default' in videojs ? videojs['default'] : videojs;
|
||||
|
||||
var version = "1.2.4";
|
||||
|
||||
var classCallCheck = function (instance, Constructor) {
|
||||
if (!(instance instanceof Constructor)) {
|
||||
throw new TypeError("Cannot call a class as a function");
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var inherits = function (subClass, superClass) {
|
||||
if (typeof superClass !== "function" && superClass !== null) {
|
||||
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
|
||||
}
|
||||
|
||||
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
||||
constructor: {
|
||||
value: subClass,
|
||||
enumerable: false,
|
||||
writable: true,
|
||||
configurable: true
|
||||
}
|
||||
});
|
||||
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var possibleConstructorReturn = function (self, call) {
|
||||
if (!self) {
|
||||
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
||||
}
|
||||
|
||||
return call && (typeof call === "object" || typeof call === "function") ? call : self;
|
||||
};
|
||||
|
||||
var Button = videojs.getComponent('Button');
|
||||
var Component = videojs.getComponent('Component');
|
||||
|
||||
// Default options for the plugin.
|
||||
var defaults$$1 = {};
|
||||
|
||||
// Cross-compatibility for Video.js 5 and 6.
|
||||
var registerPlugin = videojs.registerPlugin || videojs.plugin;
|
||||
// const dom = videojs.dom || videojs;
|
||||
|
||||
/**
|
||||
* Function to invoke when the player is ready.
|
||||
*
|
||||
* This is a great place for your plugin to initialize itself. When this
|
||||
* function is called, the player will have its DOM and child components
|
||||
* in place.
|
||||
*
|
||||
* @function onPlayerReady
|
||||
* @param {Player} player
|
||||
* A Video.js player object.
|
||||
*
|
||||
* @param {Object} [options={}]
|
||||
* A plain object containing options for the plugin.
|
||||
*/
|
||||
var onPlayerReady = function 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
|
||||
});
|
||||
player.controlBar.el().insertBefore(player.controlBar.seekForward.el(), player.controlBar.el().firstChild.nextSibling);
|
||||
}
|
||||
|
||||
if (options.back && options.back > 0) {
|
||||
player.controlBar.seekBack = player.controlBar.addChild('seekButton', {
|
||||
direction: 'back',
|
||||
seconds: options.back
|
||||
});
|
||||
player.controlBar.el().insertBefore(player.controlBar.seekBack.el(), player.controlBar.el().firstChild.nextSibling);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* A video.js plugin.
|
||||
*
|
||||
* In the plugin function, the value of `this` is a video.js `Player`
|
||||
* instance. You cannot rely on the player being in a "ready" state here,
|
||||
* depending on how the plugin is invoked. This may or may not be important
|
||||
* to you; if not, remove the wait for "ready"!
|
||||
*
|
||||
* @function seekButtons
|
||||
* @param {Object} [options={}]
|
||||
* An object of options left to the plugin author to define.
|
||||
*/
|
||||
var seekButtons = function seekButtons(options) {
|
||||
var _this = this;
|
||||
|
||||
this.ready(function () {
|
||||
onPlayerReady(_this, videojs.mergeOptions(defaults$$1, options));
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Button to seek forward/back
|
||||
*
|
||||
* @param {Player|Object} player
|
||||
* @param {Object=} options
|
||||
* @extends Button
|
||||
* @class SeekToggle
|
||||
*/
|
||||
|
||||
var SeekButton = function (_Button) {
|
||||
inherits(SeekButton, _Button);
|
||||
|
||||
function SeekButton(player, options) {
|
||||
classCallCheck(this, SeekButton);
|
||||
|
||||
var _this2 = possibleConstructorReturn(this, _Button.call(this, player, options));
|
||||
|
||||
if (_this2.options_.direction === 'forward') {
|
||||
_this2.controlText(_this2.localize('Seek forward {{seconds}} seconds').replace('{{seconds}}', _this2.options_.seconds));
|
||||
} else if (_this2.options_.direction === 'back') {
|
||||
_this2.controlText(_this2.localize('Seek back {{seconds}} seconds').replace('{{seconds}}', _this2.options_.seconds));
|
||||
}
|
||||
return _this2;
|
||||
}
|
||||
|
||||
SeekButton.prototype.buildCSSClass = function 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 + ' ' + _Button.prototype.buildCSSClass.call(this));
|
||||
};
|
||||
|
||||
SeekButton.prototype.handleClick = function handleClick() {
|
||||
var now = this.player_.currentTime();
|
||||
|
||||
if (this.options_.direction === 'forward') {
|
||||
this.player_.currentTime(now + this.options_.seconds);
|
||||
} else if (this.options_.direction === 'back') {
|
||||
this.player_.currentTime(now - this.options_.seconds);
|
||||
}
|
||||
};
|
||||
|
||||
return SeekButton;
|
||||
}(Button);
|
||||
|
||||
Component.registerComponent('SeekButton', SeekButton);
|
||||
|
||||
// Register the plugin with video.js.
|
||||
registerPlugin('seekButtons', seekButtons);
|
||||
|
||||
// Include the version number.
|
||||
seekButtons.VERSION = version;
|
||||
|
||||
return seekButtons;
|
||||
|
||||
})));
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
/**
|
||||
* videojs-seek-buttons
|
||||
* @version 1.2.4
|
||||
* @copyright 2018 Ben Clifford
|
||||
* @license Apache-2.0
|
||||
*/
|
||||
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("video.js")):"function"==typeof define&&define.amd?define(["video.js"],o):e.videojsSeekButtons=o(e.videojs)}(this,function(e){"use strict";var o=function(e,o){if(!(e instanceof o))throw new TypeError("Cannot call a class as a function")},t=function(e,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function, not "+typeof o);e.prototype=Object.create(o&&o.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),o&&(Object.setPrototypeOf?Object.setPrototypeOf(e,o):e.__proto__=o)},n=function(e,o){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!o||"object"!=typeof o&&"function"!=typeof o?e:o},r=(e="default"in e?e.default:e).getComponent("Button"),i=e.getComponent("Component"),s={},c=e.registerPlugin||e.plugin,a=function(e,o){e.addClass("vjs-seek-buttons"),o.forward&&o.forward>0&&(e.controlBar.seekForward=e.controlBar.addChild("seekButton",{direction:"forward",seconds:o.forward}),e.controlBar.el().insertBefore(e.controlBar.seekForward.el(),e.controlBar.el().firstChild.nextSibling)),o.back&&o.back>0&&(e.controlBar.seekBack=e.controlBar.addChild("seekButton",{direction:"back",seconds:o.back}),e.controlBar.el().insertBefore(e.controlBar.seekBack.el(),e.controlBar.el().firstChild.nextSibling))},l=function(o){var t=this;this.ready(function(){a(t,e.mergeOptions(s,o))})},d=function(e){function r(t,i){o(this,r);var s=n(this,e.call(this,t,i));return"forward"===s.options_.direction?s.controlText(s.localize("Seek forward {{seconds}} seconds").replace("{{seconds}}",s.options_.seconds)):"back"===s.options_.direction&&s.controlText(s.localize("Seek back {{seconds}} seconds").replace("{{seconds}}",s.options_.seconds)),s}return t(r,e),r.prototype.buildCSSClass=function(){return"vjs-seek-button skip-"+this.options_.direction+" skip-"+this.options_.seconds+" "+e.prototype.buildCSSClass.call(this)},r.prototype.handleClick=function(){var e=this.player_.currentTime();"forward"===this.options_.direction?this.player_.currentTime(e+this.options_.seconds):"back"===this.options_.direction&&this.player_.currentTime(e-this.options_.seconds)},r}(r);return i.registerComponent("SeekButton",d),c("seekButtons",l),l.VERSION="1.2.4",l});
|
||||
Loading…
Add table
Add a link
Reference in a new issue