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(){
|
2013-12-09 16:16:09 -08:00
|
|
|
if (!this.player_.isFullScreen()) {
|
2013-05-02 19:03:29 -07:00
|
|
|
this.player_.requestFullScreen();
|
|
|
|
this.el_.children[0].children[0].innerHTML = 'Non-Fullscreen'; // change the button text to "Non-Fullscreen"
|
|
|
|
} else {
|
|
|
|
this.player_.cancelFullScreen();
|
|
|
|
this.el_.children[0].children[0].innerHTML = 'Fullscreen'; // change the button to "Fullscreen"
|
|
|
|
}
|
2013-10-28 18:25:28 -07:00
|
|
|
};
|