// Using jresig's Class implementation http://ejohn.org/blog/simple-javascript-inheritance/ (function(){var initializing=false, fnTest=/xyz/.test(function(){xyz;}) ? /\b_super\b/ : /.*/; this.JRClass = function(){}; JRClass.extend = function(prop) { var _super = this.prototype; initializing = true; var prototype = new this(); initializing = false; for (var name in prop) { prototype[name] = typeof prop[name] == "function" && typeof _super[name] == "function" && fnTest.test(prop[name]) ? (function(name, fn){ return function() { var tmp = this._super; this._super = _super[name]; var ret = fn.apply(this, arguments); this._super = tmp; return ret; }; })(name, prop[name]) : prop[name]; } function JRClass() { if ( !initializing && this.init ) this.init.apply(this, arguments); } JRClass.prototype = prototype; JRClass.constructor = JRClass; JRClass.extend = arguments.callee; return JRClass;};})(); // Video JS Player Class var VideoJS = JRClass.extend({ // Initialize the player for the supplied video tag element // element: video tag init: function(element, setOptions){ // Allow an ID string or an element if (typeof element == 'string') { this.video = document.getElementById(element); } else { this.video = element; } this.video.player = this; // Store reference to player on the video element. this.box = this.video.parentNode; // Container element for controls positioning this.values = {}; // Cache video values. this.elements = {}; // Store refs to controls elements. this.listeners = {}; // Store video event listeners. this.api = {}; // Current API to video functions (changes with player type) // Hide Links. Will be shown again if "links" player is used this.linksFallback = this.getLinksFallback(); this.hideLinksFallback(); // Default Options this.options = { autoplay: false, preload: true, loop: false, returnToStart: true, controlsEnabled: true, useBuiltInControls: false, // Use the browser's controls (iPhone) controlsBelow: false, // Display control bar below video vs. in front of controlsAtStart: false, // Make controls visible when page loads controlsHiding: true, // Hide controls when not over the video defaultVolume: 0.85, // Will be overridden by localStorage volume if available playerFallbackOrder: ["html5", "flash", "links"], // Players and order to use them flashPlayer: "htmlObject", flashPlayerVersion: false // Required flash version for fallback }; // Override default options with global options if (typeof VideoJS.options == "object") { _V_.merge(this.options, VideoJS.options); } // Override default & global options with options specific to this player if (typeof setOptions == "object") { _V_.merge(this.options, setOptions); } // Override preload & autoplay with video attributes if (this.getPreloadAttribute() !== undefined) { this.options.preload = this.getPreloadAttribute(); } if (this.getAutoplayAttribute() !== undefined) { this.options.autoplay = this.getAutoplayAttribute(); } // Loop through the player names list in options, "html5" etc. // For each player name, initialize the player with that name under VideoJS.players // If the player successfully initializes, we're done // If not, try the next player in the list this.each(this.options.playerFallbackOrder, function(playerType){ if (this[playerType+"Supported"]()) { // Check if player type is supported this[playerType+"Init"](); // Initialize player type return true; // Stop looping through players } }); // Start Global Listeners - API doesn't exist before now this.activateElement(this, "player"); this.activateElement(this.box, "box"); }, /* Behaviors ================================================================================ */ behaviors: {}, newBehavior: function(name, activate, functions){ this.behaviors[name] = activate; this.extend(functions); }, activateElement: function(element, behavior){ // Allow passing and ID string if (typeof element == "string") { element = document.getElementById(element); } this.behaviors[behavior].call(this, element); }, /* Errors/Warnings ================================================================================ */ errors: [], // Array to track errors warnings: [], warning: function(warning){ this.warnings.push(warning); this.log(warning); }, /* History of errors/events (not quite there yet) ================================================================================ */ history: [], log: function(event){ if (!event) { return; } if (typeof event == "string") { event = { type: event }; } if (event.type) { this.history.push(event.type); } if (this.history.length >= 50) { this.history.shift(); } try { console.log(event.type); } catch(e) { try { opera.postError(event.type); } catch(e){} } }, /* Local Storage ================================================================================ */ setLocalStorage: function(key, value){ if (!localStorage) { return; } try { localStorage[key] = value; } catch(e) { if (e.code == 22 || e.code == 1014) { // Webkit == 22 / Firefox == 1014 this.warning(VideoJS.warnings.localStorageFull); } } }, /* Helpers ================================================================================ */ getPreloadAttribute: function(){ if (typeof this.video.hasAttribute == "function" && this.video.hasAttribute("preload")) { var preload = this.video.getAttribute("preload"); // Only included the attribute, thinking it was boolean if (preload === "" || preload === "true") { return "auto"; } if (preload === "false") { return "none"; } return preload; } }, getAutoplayAttribute: function(){ if (typeof this.video.hasAttribute == "function" && this.video.hasAttribute("autoplay")) { var autoplay = this.video.getAttribute("autoplay"); if (autoplay === "false") { return false; } return true; } }, // Each that maintains player as context // Break if true is returned each: function(arr, fn){ if (!arr || arr.length === 0) { return; } for (var i=0,j=arr.length; i