2013-05-02 19:03:29 -07:00
|
|
|
/**
|
|
|
|
* Toggle fullscreen video
|
|
|
|
* @param {vjs.Player|Object} player
|
|
|
|
* @param {Object=} options
|
2013-10-28 18:25:28 -07:00
|
|
|
* @class
|
|
|
|
* @extends vjs.Button
|
2013-05-02 19:03:29 -07:00
|
|
|
*/
|
|
|
|
vjs.FullscreenToggle = vjs.Button.extend({
|
2013-10-28 18:25:28 -07:00
|
|
|
/**
|
|
|
|
* @constructor
|
|
|
|
* @memberof vjs.FullscreenToggle
|
|
|
|
* @instance
|
|
|
|
*/
|
2013-05-02 19:03:29 -07:00
|
|
|
init: function(player, options){
|
|
|
|
vjs.Button.call(this, player, options);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
vjs.FullscreenToggle.prototype.buttonText = 'Fullscreen';
|
|
|
|
|
|
|
|
vjs.FullscreenToggle.prototype.buildCSSClass = function(){
|
|
|
|
return 'vjs-fullscreen-control ' + vjs.Button.prototype.buildCSSClass.call(this);
|
|
|
|
};
|
|
|
|
|
|
|
|
vjs.FullscreenToggle.prototype.onClick = function(){
|
2014-05-15 14:46:28 -07:00
|
|
|
if (!this.player_.isFullscreen()) {
|
|
|
|
this.player_.requestFullscreen();
|
2014-08-05 17:07:46 -07:00
|
|
|
this.controlText_.innerHTML = this.localize('Non-Fullscreen');
|
2013-05-02 19:03:29 -07:00
|
|
|
} else {
|
2014-05-15 14:46:28 -07:00
|
|
|
this.player_.exitFullscreen();
|
2014-08-05 17:07:46 -07:00
|
|
|
this.controlText_.innerHTML = this.localize('Fullscreen');
|
2013-05-02 19:03:29 -07:00
|
|
|
}
|
2013-10-28 18:25:28 -07:00
|
|
|
};
|