web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2025-07-13 01:30:17 +02:00
Code Releases Activity

Added loading spinner code from ZenJosh.

Browse Source
This commit is contained in:
Steve Heffernan
2011-12-21 17:59:36 -08:00
parent 6945be3d6e
commit 82142e2f54
8 changed files with 544 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/controls.js vendored
View File

@ -171,6 +171,48 @@ _V_.BigPlayButton = _V_.Button.extend({
}
});
/* Loading Spinner
================================================================================ */
_V_.LoadingSpinner = _V_.Component.extend({
init: function(player, options){
this._super(player, options);
// player.addEvent("play", _V_.proxy(this, this.hide));
// player.addEvent("ended", _V_.proxy(this, this.show));
player.addEvent("canplay", _V_.proxy(this, this.hide));
player.addEvent("canplaythrough", _V_.proxy(this, this.hide));
player.addEvent("playing", _V_.proxy(this, this.hide));
player.addEvent("seeking", _V_.proxy(this, this.show));
player.addEvent("error", _V_.proxy(this, this.show));
player.addEvent("stalled", _V_.proxy(this, this.show));
player.addEvent("waiting", _V_.proxy(this, this.show));
},
createElement: function(){
var classNameSpinner, innerHtmlSpinner;
if ( typeof this.player.el.style.WebkitBorderRadius == "string"
|| typeof this.player.el.style.MozBorderRadius == "string"
|| typeof this.player.el.style.KhtmlBorderRadius == "string"
|| typeof this.player.el.style.borderRadius == "string")
{
classNameSpinner = "vjs-loading-spinner";
innerHtmlSpinner = "<div class='ball1'></div><div class='ball2'></div><div class='ball3'></div><div class='ball4'></div><div class='ball5'></div><div class='ball6'></div><div class='ball7'></div><div class='ball8'></div>";
} else {
classNameSpinner = "vjs-loading-spinner-fallback";
innerHtmlSpinner = "";
}
return this._super("div", {
className: classNameSpinner,
innerHTML: innerHtmlSpinner
});
}
});
/* Control Bar
================================================================================ */
_V_.ControlBar = _V_.Component.extend({
@ -332,7 +374,7 @@ _V_.Slider = _V_.Component.extend({
createElement: function(type, attrs) {
attrs = _V_.merge({
role: "slider",
role: "slider",
"aria-valuenow": 0,
"aria-valuemin": 0,
"aria-valuemax": 100,
@ -356,6 +398,8 @@ _V_.Slider = _V_.Component.extend({
_V_.unblockTextSelection();
_V_.removeEvent(document, "mousemove", this.onMouseMove, false);
_V_.removeEvent(document, "mouseup", this.onMouseUp, false);
this.update();
},
update: function(){