diff --git a/src/js/control-bar/control-bar.js b/src/js/control-bar/control-bar.js index e7a59a700..75f045f19 100644 --- a/src/js/control-bar/control-bar.js +++ b/src/js/control-bar/control-bar.js @@ -44,6 +44,7 @@ ControlBar.prototype.options_ = { 'remainingTimeDisplay': {}, 'liveDisplay': {}, 'progressControl': {}, + // 'separator': {}, 'fullscreenToggle': {}, 'volumeControl': {}, 'muteToggle': {}, diff --git a/src/js/control-bar/separator.js b/src/js/control-bar/separator.js new file mode 100644 index 000000000..a1b6391ad --- /dev/null +++ b/src/js/control-bar/separator.js @@ -0,0 +1,20 @@ +/** +* Just an empty separator element that can be used as an append point for plugins, etc. +* Also can be used to create space between elements when necessary. +* +* @param {vjs.Player|Object} player +* @param {Object=} options +* @constructor +*/ +vjs.Separator = vjs.Component.extend({ + /** @constructor */ + init: function(player, options){ + vjs.Component.call(this, player, options); + } +}); + +vjs.Separator.prototype.createEl = function(){ + return vjs.Component.prototype.createEl.call(this, 'div', { + className: 'vjs-separator-control' + }); +};