/*! * Media Element * HTML5 <video> libary * http://mediaelementjs.com/ * * Creates a JavaScript object that mimics HTML5 media objects * through a Flash->JavaScript|Silverlight bridge * * Copyright 2010, John Dyer * Dual licensed under the MIT or GPL Version 2 licenses. * * Version: 1.0.2 */
(function () {	// for testing	
				if (typeof window.console == 'undefined') window.console = { log: function () { } };	
					// for IE<9	
					var mediaElements = ['audio', 'video', 'source'];	
					for (var i = 0; i < mediaElements.length; i++) document.createElement(mediaElements[i]);	
					var	html5 = {}		
					// player number (for missing, same id attr)		
					, elIndex = 0		
					// media types accepted by plugins		
					, plugins = {				'silverlight': [					  {version: '3.0', type: 'video/mp4'}					, {version: '3.0', type: 'video/m4v'}					, {version: '3.0', type: 'video/mov'}					, {version: '3.0', type: 'video/wmv'}					, {version: '3.0', type: 'audio/wma'}					, {version: '3.0', type: 'audio/mp4'}					, {version: '3.0', type: 'audio/m4a'}					, {version: '3.0', type: 'audio/mp3'}				]				,'flash': [					  {version: '9.0.124', type: 'video/mp4'}					, {version: '9.0.124', type: 'video/flv'}					, {version: '9.0.124', type: 'video/mov'}					
					//,{version: '11.0.0', type: 'video/webm'} // for future reference					
					, {version: '9.0.124', type: 'audio/mp3'}					, {version: '9.0.124', type: 'audio/m4a'}					, {version: '9.0.124', type: 'audio/mp4'}					, {version: '9.0.124', type: 'audio/flv'}				]	};	
					// Flash version detection from SwfObject 2.2	/* Centralized function for browser feature detection	- User agent string detection is only used when no good alternative is possible	- Is executed directly for optimal performance	*/	
					var UNDEF = "undefined",		OBJECT = "object",		SHOCKWAVE_FLASH = "Shockwave Flash",		SHOCKWAVE_FLASH_AX = "ShockwaveFlash.ShockwaveFlash",		FLASH_MIME_TYPE = "application/x-shockwave-flash",		EXPRESS_INSTALL_ID = "SWFObjectExprInst",		ON_READY_STATE_CHANGE = "onreadystatechange",		win = window,		doc = document,		nav = navigator,		ua = function () {			var w3cdom = typeof doc.getElementById != UNDEF && typeof doc.getElementsByTagName != UNDEF && typeof doc.createElement != UNDEF,			u = nav.userAgent.toLowerCase(),			p = nav.platform.toLowerCase(),			playerVersion = [0, 0, 0],			d = null;			if (typeof nav.plugins != UNDEF && typeof nav.plugins[SHOCKWAVE_FLASH] == OBJECT) {				d = nav.plugins[SHOCKWAVE_FLASH].description;				if (d && !(typeof nav.mimeTypes != UNDEF && nav.mimeTypes[FLASH_MIME_TYPE] && !nav.mimeTypes[FLASH_MIME_TYPE].enabledPlugin)) { 
					// navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin indicates whether plug-ins are enabled or disabled in Safari 3+					
					plugin = true;					ie = false; 
					// cascaded feature detection for Internet Explorer					
					d = d.replace(/^.*\s+(\S+\s+\S+$)/, "$1");					playerVersion[0] = parseInt(d.replace(/^(.*)\..*$/, "$1"), 10);					playerVersion[1] = parseInt(d.replace(/^.*\.(.*)\s.*$/, "$1"), 10);					playerVersion[2] = /[a-zA-Z]/.test(d) ? parseInt(d.replace(/^.*[a-zA-Z]+(.*)$/, "$1"), 10) : 0;				}			}			else if (typeof win.ActiveXObject != UNDEF) {				try {					var a = new ActiveXObject(SHOCKWAVE_FLASH_AX);					if (a) { 
					// a will return null when ActiveX is disabled						
					d = a.GetVariable("$version");						if (d) {							ie = true; 
					// cascaded feature detection for Internet Explorer							
					d = d.split(" ")[1].split(",");							
					playerVersion = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];						}					}				}				catch (e) { }			}			return { pv: playerVersion };		} ();	function hasFlashPlayerVersion(rv) {			var pv = ua.pv, v = rv.split(".");			v[0] = parseInt(v[0], 10);			v[1] = parseInt(v[1], 10) || 0; 
					// supports short notation, e.g. "9" instead of "9.0.0"			
					v[2] = parseInt(v[2], 10) || 0;			return (pv[0] > v[0] || (pv[0] == v[0] && pv[1] > v[1]) || (pv[0] == v[0] && pv[1] == v[1] && pv[2] >= v[2])) ? true : false;	}	
					// silverlight version detection from Microsoft	
					var Silverlight = {};	Silverlight.isInstalled = function (b) {		if (b == undefined)			b = null;		var a = false,		m = null;		try {			var i = null,					j = false;			if (window.ActiveXObject)				try {					i = new ActiveXObject("AgControl.AgControl");					if (b === null) a = true;					else if (i.IsVersionSupported(b)) a = true;					i = null				} catch (l) {					j = true				} else j = true;			if (j) {				var k = navigator.plugins["Silverlight Plug-In"];				if (k) if (b === null) a = true;				else {					var h = k.description;					if (h === "1.0.30226.2") h = "2.0.30226.2";					var c = h.split(".");					while (c.length > 3) c.pop();					while (c.length < 4) c.push(0);					var e = b.split(".");					while (e.length > 4) e.pop();					var d, g, f = 0;					do {							d = parseInt(e[f]);							g = parseInt(c[f]);							f++					} while (f < e.length && d === g);					if (d <= g && !isNaN(d)) a = true				}			}		} catch (l) {			a = false		}		return a	};	function hasPluginVersion(plugin, rv) {		switch (plugin) {			case 'flash':				return hasFlashPlayerVersion(rv);			case 'silverlight':				return Silverlight.isInstalled(rv);			default:				return false;		}	}	/*	Utility methods	*/	function escapeHTML(s) {		return s.split('&').join('&amp;').split('<').join('&lt;').split('"').join('&quot;');	}	function absolutizeUrl(url) {		var el = document.createElement('div');		el.innerHTML = '<a href="' + escapeHTML(url) + '">x</a>';		return el.firstChild.href;	}	function getScriptPath(scriptName) {		var path = '';		var scripts = document.getElementsByTagName('script');		for (var i = 0; i < scripts.length; i++) {			if (scripts[i].src.indexOf(scriptName) > -1) {				path = scripts[i].src.substring(0, scripts[i].src.indexOf(scriptName));			}		}		return path;	}	var path = getScriptPath('mediaelement.js');	/*	Default options	*/	var mediaElementDefaults = {			enablePluginDebug: false		, plugins: ['silverlight', 'flash'] 
					// remove or reorder to change		
					, type: ''		, flashUrl: path + 'flashmediaelement.swf'		, silverlightUrl: path + 'silverlightmediaelement.xap'		, defaultVideoWidth: 480   	
					// default if the <video width> is not specified		
					, defaultVideoHeight: 270  	
					// default if the <video height> is not specified				
					, pluginWidth: -1   				
					// overrides <video width>		
					, pluginHeight: -1  				
					// overrides <video height>		
					, success: function () { }		, error: function () { }	}	
					/*	Determines if a browser supports the <video> or <audio> element	and either returns the native element or a Flash/Silverlight version that	mimics HTML5 MediaElements	*/	
					html5.MediaElement = function (el, o) {		
					// find element		
					var mediaElement = el;		if (typeof el == 'string')				mediaElement = document.getElementById(el);		var isVideo = (mediaElement.tagName.toLowerCase() == 'video');		
					// extend options		
					var options = mediaElementDefaults;		for (var prop in o) {			options[prop] = o[prop];		}		
					// media type settings		
					var supportsMediaTag = (typeof(mediaElement.canPlayType) != 'undefined');		var canPlayMedia = false;		var urlForPlugin = '';		var pluginType = '';		var downloadUrl = '';		
					// test for HTML media playback		
					function testMedia(type, src) {			
					// Special case for Android which sadly does not report on media.canPlayType()			
					// It's always a blank string (as of Android 2.1, tested on Samsung S)			
					if (navigator.userAgent.indexOf('Android') > -1 && (type == 'video/mp4' || type == 'video/m4v' || type == 'video/mov')) {				canPlayMedia = true;				return;			}			
					// create fake type if needed			
					if (src && !type) {				var extension = src.substring(src.lastIndexOf('.') + 1);				type = ((isVideo) ? 'video' : 'audio') + '/' + extension;			}			
					// continue normal testing			
					if (supportsMediaTag && mediaElement.canPlayType(type).replace(/no/, '') != '') {				canPlayMedia = true;			} else {				
					// go through allowed plugin types				
					for (pi=0; pi<options.plugins.length; pi++) {					
					// get the plugin and its allowe media types					
					var plugin = options.plugins[pi];					var mediaTypes = plugins[plugin];					
					// test for plugin playback types					
					for (var fi=0; fi<mediaTypes.length; fi++) {						
					// find plugin that can play the type						
					if (type == mediaTypes[fi].type && hasPluginVersion(plugin, mediaTypes[fi].version)) {							urlForPlugin = src;							pluginType = plugin;						}					}				}			}		}		
					// supplied type overrides all HTML		
					if (typeof (options.type) != 'undefined' && options.type != '') {				testMedia(options.type, null);		
					// test for src attribute first		
					} else if (mediaElement.getAttribute('src') != 'undefined' && mediaElement.getAttribute('src') != null) {			var src = mediaElement.getAttribute('src');			var type = mediaElement.getAttribute('type');			testMedia(type, src);						downloadUrl = src;		
					// then test for <source> elements		
					} else {			
					// test <source> types to see if they are usable			
					// pull out one Flash can use			
					for (var i = 0; i < mediaElement.childNodes.length; i++) {				var el = mediaElement.childNodes[i];				if (el.nodeType == 1 && el.tagName.toLowerCase() == 'source') {					var type = el.getAttribute('type');					var src = el.getAttribute('src');					testMedia(type, src);										if (downloadUrl == '')						downloadUrl = src;				}										}							}		
					// Special case for Safari without Quicktime (happens on both Mac and PC).		
					// Safari just acts like <video> tags are invalid HTML		
					if (!supportsMediaTag && navigator.userAgent.indexOf('Safari') > -1) {			mediaElement.innerHTML = 'You need to install Quicktime for Safari to operate properly. Weird, huh?';			options.error(mediaElement);			return;		}		
					//console.log(canPlayMedia, pluginType);		
					// use native <audio> or <video> with existing media		
					if (canPlayMedia) {			
					// add methods to video object to bring it into parity with Flash Object			
					for (var m in html5.HtmlMediaElement) {				mediaElement[m] = html5.HtmlMediaElement[m];			}			
					// make sure it autoplays on slow connections			
					var hasStarted = false;			
					var autoplay = (mediaElement.getAttribute('autoplay') != null);			if (autoplay) {				function checkForPlaying() {					if (!hasStarted) {						mediaElement.play();					}				}				var evts = 'progress timeupdate'.split(' ');				function addCheckEvents() {					for (var i in evts) {						mediaElement.addEventListener(evts[i], checkForPlaying, false);					}				}				function removeCheckEvents() {					for (var i in evts) {						mediaElement.removeEventListener(evts[i], checkForPlaying, false);					}				}				addCheckEvents();				mediaElement.addEventListener('playing', function () {					hasStarted = true;					removeCheckEvents();				}, true);			}			
					// fire ready code			
					options.success(mediaElement, mediaElement);			
					// return normal media element			
					return mediaElement;			
					// replace with plug version that mimics HTML media		
					} else if (pluginType != '') {			var width = 1;			var height = 1;			var pluginid = 'me_' + pluginType + '_' + (elIndex++);			var mediaUrl = (urlForPlugin != null) ? absolutizeUrl(urlForPlugin) : '';			var posterUrl = (mediaElement.getAttribute('poster') == null) ? mediaElement.getAttribute('poster') : '';			var autoplay = (mediaElement.getAttribute('autoplay') != null);			if (isVideo) {				
					// options.videoWidth > mediaElement.getAttribute('width') > options.defaultVideoWidth				
					width = (options.videoWidth > 0) ?  options.videoWidth : (mediaElement.getAttribute('width') !== null) ? mediaElement.getAttribute('width') : options.defaultVideoWidth;				height = (options.videoHeight > 0) ?  options.videoHeight : (mediaElement.getAttribute('height') !== null) ? mediaElement.getAttribute('height') : options.defaultVideoHeight;							} else {				if (options.enablePluginDebug) {					width = 320;					height = 240;									}			}			
					// register plugin			
					var pluginMediaElement = html5.PluginMediaElement(pluginid, pluginType);			pluginMediaElement.success = options.success;			html5.MediaPluginBridge.registerPluginElement(pluginid, pluginMediaElement, mediaElement);		
					// create wrapper <div>			
					var container = document.createElement('div');			
					// must be added to DOM before inserting HTML for IE			
					mediaElement.parentNode.insertBefore(container, mediaElement);			
					// flash/silverlight vars			
					var initVars = [				'id=' + pluginid,				'poster=' + posterUrl,				'autoplay=' + autoplay,				'width=' + width,				'height=' + height];			if (mediaUrl != null)				initVars.push('file=' + mediaUrl);			if (options.enablePluginDebug)				initVars.push('debug=true');			var html = '';			switch (pluginType) {				case 'silverlight':					container.innerHTML ='<object data="data:application/x-silverlight-2," type="application/x-silverlight-2"\id="' + pluginid + '" width="' + width + '" height="' + height + '">\<param name="initParams" value="' + initVars.join(',') + '" />\<param name="windowless" value="true" />\<param name="background" value="black" />\<param name="minRuntimeVersion" value="4.0.50401.0" />\<param name="autoUpgrade" value="true" />\<param name="source" value="' + options.silverlightUrl + '" />\</object>';						break;				case 'flash':					if (navigator.appName.indexOf("Microsoft") != -1) {						container.outerHTML ='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab"\id="' + pluginid + '" width="' + width + '" height="' + height + '"> \<param name="movie" value="' + options.flashUrl + '?x=' + (new Date()) + '" /> \<param name="flashvars" value="' + initVars.join('&') + '" /> \<param name="quality" value="high" /> \<param name="bgcolor" value="#000000" /> \<param name="wmode" value="transparent" /> \<param name="allowScriptAccess" value="sameDomain" /> \<param name="allowFullScreen" value="true" /> \</object>';					} else {						container.innerHTML ='<embed name="' + pluginid + '" \play="true" \loop="false" \quality="high" \bgcolor="#000000" \wmode="transparent" \allowScriptAccess="sameDomain" \allowFullScreen="true" \type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" \src="' + options.flashUrl + '?' + initVars.join('&') + '" \width="' + width + '" \height="' + height + '"></embed>';					}					break;			}			
					// hide original element			
					mediaElement.style.display = 'none';			
					// return fake media object			
					return pluginMediaElement;		} else {			var div = document.createElement('div');			div.className = 'me-cannotplay';			try {				div.style.width = mediaElement.width + 'px';				div.style.height = mediaElement.height + 'px';			} catch (e) {}			var poster = mediaElement.getAttribute('poster');						if (poster == 'undefined' || poster == '' || poster == null)				div.innerHTML = '<a href="' + downloadUrl + '">Download file</a>';			else				div.innerHTML = '<a href="' + downloadUrl + '"><img src="' + mediaElement.getAttribute('poster') + '" /></a>';			mediaElement.parentNode.insertBefore(div, mediaElement);			mediaElement.style.display = 'none';			options.error(mediaElement);		}	}	
					/*	extension methods to <video> or <audio> object to bring it into parity with PluginMediaElement (see below)	*/	html5.HtmlMediaElement = {			pluginType: 'native'		, setCurrentTime: function (time) {			this.currentTime = time;		}		, setMuted: function (muted) {			this.muted = muted;		}		, setVolume: function (volume) {			this.volume = volume;		}		, setSrc: function (url) {			this.src = url;		}		, setVideoSize: function (width, height) {			this.width = width;			this.height = height;		}	}	
					/*	Mimics the <video/audio> element by calling Flash's External Interface or Silverlights [ScriptableMember]	*/	
					html5.PluginMediaElement = function (pluginid, pluginType) {			var events = {};			
					// JavaScript values and ExternalInterface methods that match HTML5 video properties methods			
					// http://www.adobe.com/livedocs/flash/9.0/ActionScriptLangRefV3/fl/video/FLVPlayback.html			
					// http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html			
					return {				
					// special					
					id: pluginid				, pluginType: pluginType				, pluginElement: null				
					// not implemented :(				
					, playbackRate: -1				, defaultPlaybackRate: -1				, seekable: []				, played: []				
					// HTML5 read-only properties				
					, paused: true				, ended: false				, seeking: false				, duration: 0				
					// HTML5 get/set properties, but only set (updated by event handlers)				
					, muted: false				, volume: 1				, currentTime: 0				
					// HTML5 methods				
					, play: function () {					this.pluginApi.playMedia();					this.paused = false;				}				, load: function () {					this.pluginApi.loadMedia();					this.paused = false;				}				, pause: function () {					this.pluginApi.pauseMedia();					this.paused = true;				}				
					// custom methods since not all JavaScript implementations support get/set				
					, setSrc: function (url) {					this.pluginApi.setSrc(absolutizeUrl(url));				}				, setCurrentTime: function (time) {					this.pluginApi.setCurrentTime(time);					this.currentTime = time;				}				, setVolume: function (volume) {					this.pluginApi.setVolume(volume);					this.volume = volume;				}				, setMuted: function (muted) {					this.pluginApi.setMuted(muted);					this.muted = muted;				}				
					// additional non-HTML5 methods				
					, setVideoSize: function (width, height) {										if ( this.pluginElement.style) {						this.pluginElement.style.width = width + 'px';						this.pluginElement.style.height = height + 'px';											}					this.pluginApi.setVideoSize(width, height);				}				, setFullscreen: function (fullscreen) {					this.pluginApi.setFullscreen(fullscreen);				}				
					// start: fake events				
					, addEventListener: function (eventName, callback, bubble) {						events[eventName] = events[eventName] || [];						events[eventName].push(callback);				}				, dispatchEvent: function (eventName) {						var i, callbacks = events[eventName], args;						if (callbacks) {								args = Array.prototype.slice.call(arguments, 1);								for (i = 0; i < callbacks.length; i++) {										callbacks[i].apply(null, args);								}						}				}				
					// end: fake events		
					}	};	
					// Flash makes calls through this object to the fake <video/audio> object	
					html5.MediaPluginBridge = (function () {		var pluginMediaElements = [];		var mediaElements = [];		return {			registerPluginElement: function (id, pluginMediaElement, mediaElement) {				pluginMediaElements[id] = pluginMediaElement;				mediaElements[id] = mediaElement;			}				
					// when Flash is ready, it calls out to this method				
					, initPlugin: function (id) {					var pluginMediaElement = pluginMediaElements[id];					var mediaElement = mediaElements[id];					
					// find the javascript bridge					
					switch (pluginMediaElement.pluginType) {						case "flash":							
					// magic							
					if (navigator.appName.indexOf("Microsoft") != -1) {								pluginMediaElement.pluginElement = pluginMediaElement.pluginApi = window[id];							} else {								pluginMediaElement.pluginElement = pluginMediaElement.pluginApi = document[id];							}							break;						case "silverlight":							pluginMediaElement.pluginElement = document.getElementById(pluginMediaElement.id);							pluginMediaElement.pluginApi = pluginMediaElement.pluginElement.Content.SilverlightApp;							break;					}					if (pluginMediaElement.success)						pluginMediaElement.success(pluginMediaElement, mediaElement);				}				
					// receives events from FLASH and translates them to HTML5 media events				
					// http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html				
					, fireEvent: function (id, eventName, values) {					var pluginMediaElement = pluginMediaElements[id];					pluginMediaElement.ended = false;					pluginMediaElement.paused = false;					
					// fake event object to mimic real HTML media event.					
					var e = {						type: eventName,						target: pluginMediaElement					};					
					// attach all values to element and event object					
					for (var i in values) {						pluginMediaElement[i] = values[i];						e[i] = values[i];					}					
					// fake the new W3C buffered TimeRange (loaded and total have been removed)					
					var bufferedTime = values.bufferedTime || 0;					
					e.target.buffered = e.buffered = { start: function(index) { return 0; }, end: function (index) { return bufferedTime; }, length: 1 }					
					pluginMediaElement.dispatchEvent(e.type, e);				}			};	} ());	
					window.html5 = html5;	
					window.MediaElement = html5.MediaElement;
					})
					();