webshims-rails 0.4.7 → 1.10.3

data/vendor/assets/javascripts/webshims/shims/combos/13.js

@@ -1,1102 +1,1455 @@
-//DOM-Extension helper
-jQuery.webshims.register('dom-extend', function($, webshims, window, document, undefined){
+(function($, Modernizr, webshims){
 	"use strict";
-	//shortcus
-	var modules = webshims.modules;
-	var listReg = /\s*,\s*/;
-		
-	//proxying attribute
-	var olds = {};
-	var havePolyfill = {};
-	var extendedProps = {};
-	var extendQ = {};
-	var modifyProps = {};
-	
-	var oldVal = $.fn.val;
-	var singleVal = function(elem, name, val, pass, _argless){
-		return (_argless) ? oldVal.call($(elem)) : oldVal.call($(elem), val);
-	};
-	
-	$.fn.onTrigger = function(evt, fn){
-		return this.on(evt, fn).each(fn);
-	};
+	var hasNative = Modernizr.audio && Modernizr.video;
+	var supportsLoop = false;
+	var bugs = webshims.bugs;
 	
-	$.fn.val = function(val){
-		var elem = this[0];
-		if(arguments.length && val == null){
-			val = '';
-		}
-		if(!arguments.length){
-			if(!elem || elem.nodeType !== 1){return oldVal.call(this);}
-			return $.prop(elem, 'value', val, 'val', true);
-		}
-		if($.isArray(val)){
-			return oldVal.apply(this, arguments);
-		}
-		var isFunction = $.isFunction(val);
-		return this.each(function(i){
-			elem = this;
-			if(elem.nodeType === 1){
-				if(isFunction){
-					var genVal = val.call( elem, i, $.prop(elem, 'value', undefined, 'val', true));
-					if(genVal == null){
-						genVal = '';
-					}
-					$.prop(elem, 'value', genVal, 'val') ;
-				} else {
-					$.prop(elem, 'value', val, 'val');
-				}
+	var loadSwf = function(){
+		webshims.ready(swfType, function(){
+			if(!webshims.mediaelement.createSWF){
+				webshims.mediaelement.loadSwf = true;
+				webshims.reTest([swfType], hasNative);
 			}
 		});
 	};
-	
-	var dataID = '_webshimsLib'+ (Math.round(Math.random() * 1000));
-	var elementData = function(elem, key, val){
-		elem = elem.jquery ? elem[0] : elem;
-		if(!elem){return val || {};}
-		var data = $.data(elem, dataID);
-		if(val !== undefined){
-			if(!data){
-				data = $.data(elem, dataID, {});
-			}
-			if(key){
-				data[key] = val;
-			}
-		}
+	var options = webshims.cfg.mediaelement;
+	var swfType = 'mediaelement-jaris';
+	var hasSwf;
+	if(!options){
+		webshims.error("mediaelement wasn't implemented but loaded");
+		return;
+	}
+	if(hasNative){
+		var videoElem = document.createElement('video');
+		Modernizr.videoBuffered = ('buffered' in videoElem);
+		supportsLoop = ('loop' in videoElem);
 		
-		return key ? data && data[key] : data;
-	};
-
-
-	[{name: 'getNativeElement', prop: 'nativeElement'}, {name: 'getShadowElement', prop: 'shadowElement'}, {name: 'getShadowFocusElement', prop: 'shadowFocusElement'}].forEach(function(data){
-		$.fn[data.name] = function(){
-			return this.map(function(){
-				var shadowData = elementData(this, 'shadowData');
-				return shadowData && shadowData[data.prop] || this;
+		webshims.capturingEvents(['play', 'playing', 'waiting', 'paused', 'ended', 'durationchange', 'loadedmetadata', 'canplay', 'volumechange']);
+		
+		if(!Modernizr.videoBuffered){
+			webshims.addPolyfill('mediaelement-native-fix', {
+				f: 'mediaelement',
+				test: Modernizr.videoBuffered,
+				d: ['dom-support']
 			});
+			
+			webshims.reTest('mediaelement-native-fix');
+		}
+	}
+	
+	if(hasNative && !options.preferFlash){
+		var noSwitch = {
+			1: 1,
+			2: 1
 		};
-	});
+		var switchOptions = function(e){
+			var media;
+			var parent = e.target.parentNode;
+			if(!options.preferFlash && 
+				($(e.target).is('audio, video') || (parent && $('source:last', parent)[0] == e.target)) && 
+				(media = $(e.target).closest('audio, video')) && !noSwitch[media.prop('error')]
+				){
+				$(function(){
+					if(hasSwf && !options.preferFlash){
+						loadSwf();
+						webshims.ready('WINDOWLOAD '+swfType, function(){
+							setTimeout(function(){
+								if(!options.preferFlash && webshims.mediaelement.createSWF && !media.is('.nonnative-api-active')){
+									options.preferFlash = true;
+									document.removeEventListener('error', switchOptions, true);
+									$('audio, video').each(function(){
+										webshims.mediaelement.selectSource(this);
+									});
+									webshims.info("switching mediaelements option to 'preferFlash', due to an error with native player: "+e.target.src+" Mediaerror: "+ media.prop('error'));
+								}
+							}, 9);
+						});
+					} else{
+						document.removeEventListener('error', switchOptions, true);
+					}
+				});
+			}
+		};
+		document.addEventListener('error', switchOptions, true);
+		$('audio, video').each(function(){
+			var error = $.prop(this, 'error');
+			if(error && !noSwitch[error]){
+				switchOptions({target: this});
+				return false;
+			}
+		});
+	}
 	
 	
-	['removeAttr', 'prop', 'attr'].forEach(function(type){
-		olds[type] = $[type];
-		$[type] = function(elem, name, value, pass, _argless){
-			var isVal = (pass == 'val');
-			var oldMethod = !isVal ? olds[type] : singleVal;
-			if( !elem || !havePolyfill[name] || elem.nodeType !== 1 || (!isVal && pass && type == 'attr' && $.attrFn[name]) ){
-				return oldMethod(elem, name, value, pass, _argless);
-			}
-			
-			var nodeName = (elem.nodeName || '').toLowerCase();
-			var desc = extendedProps[nodeName];
-			var curType = (type == 'attr' && (value === false || value === null)) ? 'removeAttr' : type;
-			var propMethod;
-			var oldValMethod;
-			var ret;
-			
+	if(Modernizr.track && !bugs.track){
+		(function(){
 			
-			if(!desc){
-				desc = extendedProps['*'];
-			}
-			if(desc){
-				desc = desc[name];
+			if(!bugs.track){
+				bugs.track = typeof $('<track />')[0].readyState != 'number';
 			}
 			
-			if(desc){
-				propMethod = desc[curType];
+			if(!bugs.track){
+				try {
+					new TextTrackCue(2, 3, '');
+				} catch(e){
+					bugs.track = true;
+				}
 			}
 			
-			if(propMethod){
-				if(name == 'value'){
-					oldValMethod = propMethod.isVal;
-					propMethod.isVal = isVal;
-				}
-				if(curType === 'removeAttr'){
-					return propMethod.value.call(elem);	
-				} else if(value === undefined){
-					return (propMethod.get) ? 
-						propMethod.get.call(elem) : 
-						propMethod.value
-					;
-				} else if(propMethod.set) {
-					if(type == 'attr' && value === true){
-						value = name;
+			var trackOptions = webshims.cfg.track;
+			var trackListener = function(e){
+				$(e.target).filter('track').each(changeApi);
+			};
+			var changeApi = function(){
+				if(bugs.track || (!trackOptions.override && $.prop(this, 'readyState') == 3)){
+					trackOptions.override = true;
+					webshims.reTest('track');
+					document.removeEventListener('error', trackListener, true);
+					if(this && $.nodeName(this, 'track')){
+						webshims.error("track support was overwritten. Please check your vtt including your vtt mime-type");
+					} else {
+						webshims.info("track support was overwritten. due to bad browser support");
 					}
-					
-					ret = propMethod.set.call(elem, value);
+					return false;
 				}
-				if(name == 'value'){
-					propMethod.isVal = oldValMethod;
-				}
-			} else {
-				ret = oldMethod(elem, name, value, pass, _argless);
-			}
-			if((value !== undefined || curType === 'removeAttr') && modifyProps[nodeName] && modifyProps[nodeName][name]){
+			};
+			var detectTrackError = function(){
+				document.addEventListener('error', trackListener, true);
 				
-				var boolValue;
-				if(curType == 'removeAttr'){
-					boolValue = false;
-				} else if(curType == 'prop'){
-					boolValue = !!(value);
+				if(bugs.track){
+					changeApi();
 				} else {
-					boolValue = true;
+					$('track').each(changeApi);
+				}
+			};
+			if(!trackOptions.override){
+				if(webshims.isReady('track')){
+					detectTrackError();
+				} else {
+					$(detectTrackError);
 				}
-				
-				modifyProps[nodeName][name].forEach(function(fn){
-					if(!fn.only || (fn.only = 'prop' && type == 'prop') || (fn.only == 'attr' && type != 'prop')){
-						fn.call(elem, value, boolValue, (isVal) ? 'val' : curType, type);
-					}
-				});
 			}
-			return ret;
-		};
+		})();
 		
-		extendQ[type] = function(nodeName, prop, desc){
-			
-			if(!extendedProps[nodeName]){
-				extendedProps[nodeName] = {};
+	}
+
+webshims.register('mediaelement-core', function($, webshims, window, document, undefined){
+	hasSwf = swfmini.hasFlashPlayerVersion('9.0.115');
+	$('html').addClass(hasSwf ? 'swf' : 'no-swf');
+	var mediaelement = webshims.mediaelement;
+	mediaelement.parseRtmp = function(data){
+		var src = data.src.split('://');
+		var paths = src[1].split('/');
+		var i, len, found;
+		data.server = src[0]+'://'+paths[0]+'/';
+		data.streamId = [];
+		for(i = 1, len = paths.length; i < len; i++){
+			if(!found && paths[i].indexOf(':') !== -1){
+				paths[i] = paths[i].split(':')[1];
+				found = true;
 			}
-			if(!extendedProps[nodeName][prop]){
-				extendedProps[nodeName][prop] = {};
+			if(!found){
+				data.server += paths[i]+'/';
+			} else {
+				data.streamId.push(paths[i]);
 			}
-			var oldDesc = extendedProps[nodeName][prop][type];
-			var getSup = function(propType, descriptor, oDesc){
-				if(descriptor && descriptor[propType]){
-					return descriptor[propType];
-				}
-				if(oDesc && oDesc[propType]){
-					return oDesc[propType];
-				}
-				if(type == 'prop' && prop == 'value'){
-					return function(value){
-						var elem = this;
-						return (desc.isVal) ? 
-							singleVal(elem, prop, value, false, (arguments.length === 0)) : 
-							olds[type](elem, prop, value)
-						;
-					};
-				}
-				if(type == 'prop' && propType == 'value' && desc.value.apply){
-					return  function(value){
-						var sup = olds[type](this, prop);
-						if(sup && sup.apply){
-							sup = sup.apply(this, arguments);
-						} 
-						return sup;
-					};
-				}
-				return function(value){
-					return olds[type](this, prop, value);
-				};
-			};
-			extendedProps[nodeName][prop][type] = desc;
-			if(desc.value === undefined){
-				if(!desc.set){
-					desc.set = desc.writeable ? 
-						getSup('set', desc, oldDesc) : 
-						(webshims.cfg.useStrict && prop == 'prop') ? 
-							function(){throw(prop +' is readonly on '+ nodeName);} : 
-							$.noop
-					;
-				}
-				if(!desc.get){
-					desc.get = getSup('get', desc, oldDesc);
+		}
+		if(!data.streamId.length){
+			webshims.error('Could not parse rtmp url');
+		}
+		data.streamId = data.streamId.join('/');
+	};
+	var getSrcObj = function(elem, nodeName){
+		elem = $(elem);
+		var src = {src: elem.attr('src') || '', elem: elem, srcProp: elem.prop('src')};
+		var tmp;
+		
+		if(!src.src){return src;}
+		
+		tmp = elem.attr('data-server');
+		if(tmp != null){
+			src.server = tmp;
+		}
+		
+		tmp = elem.attr('type');
+		if(tmp){
+			src.type = tmp;
+			src.container = $.trim(tmp.split(';')[0]);
+		} else {
+			if(!nodeName){
+				nodeName = elem[0].nodeName.toLowerCase();
+				if(nodeName == 'source'){
+					nodeName = (elem.closest('video, audio')[0] || {nodeName: 'video'}).nodeName.toLowerCase();
 				}
-				
 			}
-			
-			['value', 'get', 'set'].forEach(function(descProp){
-				if(desc[descProp]){
-					desc['_sup'+descProp] = getSup(descProp, oldDesc);
+			if(src.server){
+				src.type = nodeName+'/rtmp';
+				src.container = nodeName+'/rtmp';
+			} else {
+				
+				tmp = mediaelement.getTypeForSrc( src.src, nodeName, src );
+				
+				if(tmp){
+					src.type = tmp;
+					src.container = tmp;
 				}
+			}
+		}
+		tmp = elem.attr('media');
+		if(tmp){
+			src.media = tmp;
+		}
+		if(src.type == 'audio/rtmp' || src.type == 'video/rtmp'){
+			if(src.server){
+				src.streamId = src.src;
+			} else {
+				mediaelement.parseRtmp(src);
+			}
+		}
+		return src;
+	};
+	
+	
+	
+	var hasYt = !hasSwf && ('postMessage' in window) && hasNative;
+	
+	var loadTrackUi = function(){
+		if(loadTrackUi.loaded){return;}
+		loadTrackUi.loaded = true;
+		$(function(){
+			webshims.loader.loadList(['track-ui']);
+		});
+	};
+	var loadYt = (function(){
+		var loaded;
+		return function(){
+			if(loaded || !hasYt){return;}
+			loaded = true;
+			webshims.loader.loadScript("https://www.youtube.com/player_api");
+			$(function(){
+				webshims._polyfill(["mediaelement-yt"]);
 			});
 		};
-		
+	})();
+	var loadThird = function(){
+		if(hasSwf){
+			loadSwf();
+		} else {
+			loadYt();
+		}
+	};
+	
+	webshims.addPolyfill('mediaelement-yt', {
+		test: !hasYt,
+		d: ['dom-support']
 	});
 	
-	//see also: https://github.com/lojjic/PIE/issues/40 | https://prototype.lighthouseapp.com/projects/8886/tickets/1107-ie8-fatal-crash-when-prototypejs-is-loaded-with-rounded-cornershtc
-	var isExtendNativeSave = Modernizr.ES5;
-	var extendNativeValue = (function(){
-		var UNKNOWN = webshims.getPrototypeOf(document.createElement('foobar'));
-		var has = Object.prototype.hasOwnProperty;
-		return function(nodeName, prop, desc){
-			var elem;
-			var elemProto;
-			if( isExtendNativeSave && (elem = document.createElement(nodeName)) && (elemProto = webshims.getPrototypeOf(elem)) && UNKNOWN !== elemProto && ( !elem[prop] || !has.call(elem, prop) ) ){
-				var sup = elem[prop];
-				desc._supvalue = function(){
-					if(sup && sup.apply){
-						return sup.apply(this, arguments);
-					}
-					return sup;
-				};
-				elemProto[prop] = desc.value;
-			} else {
-				desc._supvalue = function(){
-					var data = elementData(this, 'propValue');
-					if(data && data[prop] && data[prop].apply){
-						return data[prop].apply(this, arguments);
-					}
-					return data && data[prop];
-				};
-				initProp.extendValue(nodeName, prop, desc.value);
+	mediaelement.mimeTypes = {
+		audio: {
+				//ogm shouldn´t be used!
+				'audio/ogg': ['ogg','oga', 'ogm'],
+				'audio/ogg;codecs="opus"': 'opus',
+				'audio/mpeg': ['mp2','mp3','mpga','mpega'],
+				'audio/mp4': ['mp4','mpg4', 'm4r', 'm4a', 'm4p', 'm4b', 'aac'],
+				'audio/wav': ['wav'],
+				'audio/3gpp': ['3gp','3gpp'],
+				'audio/webm': ['webm'],
+				'audio/fla': ['flv', 'f4a', 'fla'],
+				'application/x-mpegURL': ['m3u8', 'm3u']
+			},
+			video: {
+				//ogm shouldn´t be used!
+				'video/ogg': ['ogg','ogv', 'ogm'],
+				'video/mpeg': ['mpg','mpeg','mpe'],
+				'video/mp4': ['mp4','mpg4', 'm4v'],
+				'video/quicktime': ['mov','qt'],
+				'video/x-msvideo': ['avi'],
+				'video/x-ms-asf': ['asf', 'asx'],
+				'video/flv': ['flv', 'f4v'],
+				'video/3gpp': ['3gp','3gpp'],
+				'video/webm': ['webm'],
+				'application/x-mpegURL': ['m3u8', 'm3u'],
+				'video/MP2T': ['ts']
 			}
-			desc.value._supvalue = desc._supvalue;
-		};
-	})();
-		
-	var initProp = (function(){
-		
-		var initProps = {};
+		}
+	;
+	
+	mediaelement.mimeTypes.source =  $.extend({}, mediaelement.mimeTypes.audio, mediaelement.mimeTypes.video);
+	
+	mediaelement.getTypeForSrc = function(src, nodeName, data){
+		if(src.indexOf('youtube.com/watch?') != -1 || src.indexOf('youtube.com/v/') != -1){
+			return 'video/youtube';
+		}
+		if(src.indexOf('rtmp') === 0){
+			return nodeName+'/rtmp';
+		}
+		src = src.split('?')[0].split('.');
+		src = src[src.length - 1];
+		var mt;
 		
-		webshims.addReady(function(context, contextElem){
-			var nodeNameCache = {};
-			var getElementsByName = function(name){
-				if(!nodeNameCache[name]){
-					nodeNameCache[name] = $(context.getElementsByTagName(name));
-					if(contextElem[0] && $.nodeName(contextElem[0], name)){
-						nodeNameCache[name] = nodeNameCache[name].add(contextElem);
-					}
-				}
-			};
-			
+		$.each(mediaelement.mimeTypes[nodeName], function(mimeType, exts){
+			if(exts.indexOf(src) !== -1){
+				mt = mimeType;
+				return false;
+			}
+		});
+		return mt;
+	};
+	
+	
+	mediaelement.srces = function(mediaElem, srces){
+		mediaElem = $(mediaElem);
+		if(!srces){
+			srces = [];
+			var nodeName = mediaElem[0].nodeName.toLowerCase();
+			var src = getSrcObj(mediaElem, nodeName);
 			
-			$.each(initProps, function(name, fns){
-				getElementsByName(name);
-				if(!fns || !fns.forEach){
-					webshims.warn('Error: with '+ name +'-property. methods: '+ fns);
-					return;
-				}
-				fns.forEach(function(fn){
-					nodeNameCache[name].each(fn);
+			if(!src.src){
+				
+				$('source', mediaElem).each(function(){
+					src = getSrcObj(this, nodeName);
+					if(src.src){srces.push(src);}
 				});
-			});
-			nodeNameCache = null;
-		});
-		
-		var tempCache;
-		var emptyQ = $([]);
-		var createNodeNameInit = function(nodeName, fn){
-			if(!initProps[nodeName]){
-				initProps[nodeName] = [fn];
 			} else {
-				initProps[nodeName].push(fn);
+				srces.push(src);
 			}
-			if($.isDOMReady){
-				(tempCache || $( document.getElementsByTagName(nodeName) )).each(fn);
+			return srces;
+		} else {
+			mediaElem.removeAttr('src').removeAttr('type').find('source').remove();
+			if(!$.isArray(srces)){
+				srces = [srces]; 
 			}
-		};
-		
-		var elementExtends = {};
-		return {
-			createTmpCache: function(nodeName){
-				if($.isDOMReady){
-					tempCache = tempCache || $( document.getElementsByTagName(nodeName) );
+			srces.forEach(function(src){
+				var source = document.createElement('source');
+				if(typeof src == 'string'){
+					src = {src: src};
+				} 
+				source.setAttribute('src', src.src);
+				if(src.type){
+					source.setAttribute('type', src.type);
+				}
+				if(src.media){
+					source.setAttribute('media', src.media);
+				}
+				mediaElem.append(source);
+			});
+			
+		}
+	};
+	
+	
+	$.fn.loadMediaSrc = function(srces, poster){
+		return this.each(function(){
+			if(poster !== undefined){
+				$(this).removeAttr('poster');
+				if(poster){
+					$.attr(this, 'poster', poster);
 				}
-				return tempCache || emptyQ;
-			},
-			flushTmpCache: function(){
-				tempCache = null;
-			},
-			content: function(nodeName, prop){
-				createNodeNameInit(nodeName, function(){
-					var val =  $.attr(this, prop);
-					if(val != null){
-						$.attr(this, prop, val);
-					}
-				});
-			},
-			createElement: function(nodeName, fn){
-				createNodeNameInit(nodeName, fn);
-			},
-			extendValue: function(nodeName, prop, value){
-				createNodeNameInit(nodeName, function(){
-					$(this).each(function(){
-						var data = elementData(this, 'propValue', {});
-						data[prop] = this[prop];
-						this[prop] = value;
-					});
-				});
 			}
-		};
-	})();
-		
-	var createPropDefault = function(descs, removeType){
-		if(descs.defaultValue === undefined){
-			descs.defaultValue = '';
+			mediaelement.srces(this, srces);
+			$(this).mediaLoad();
+		});
+	};
+	
+	mediaelement.swfMimeTypes = ['video/3gpp', 'video/x-msvideo', 'video/quicktime', 'video/x-m4v', 'video/mp4', 'video/m4p', 'video/x-flv', 'video/flv', 'audio/mpeg', 'audio/aac', 'audio/mp4', 'audio/x-m4a', 'audio/m4a', 'audio/mp3', 'audio/x-fla', 'audio/fla', 'youtube/flv', 'video/jarisplayer', 'jarisplayer/jarisplayer', 'video/youtube', 'video/rtmp', 'audio/rtmp'];
+	
+	mediaelement.canThirdPlaySrces = function(mediaElem, srces){
+		var ret = '';
+		if(hasSwf || hasYt){
+			mediaElem = $(mediaElem);
+			srces = srces || mediaelement.srces(mediaElem);
+			$.each(srces, function(i, src){
+				if(src.container && src.src && ((hasSwf && mediaelement.swfMimeTypes.indexOf(src.container) != -1) || (hasYt && src.container == 'video/youtube'))){
+					ret = src;
+					return false;
+				}
+			});
+			
 		}
-		if(!descs.removeAttr){
-			descs.removeAttr = {
-				value: function(){
-					descs[removeType || 'prop'].set.call(this, descs.defaultValue);
-					descs.removeAttr._supvalue.call(this);
+		
+		return ret;
+	};
+	
+	var nativeCanPlayType = {};
+	mediaelement.canNativePlaySrces = function(mediaElem, srces){
+		var ret = '';
+		if(hasNative){
+			mediaElem = $(mediaElem);
+			var nodeName = (mediaElem[0].nodeName || '').toLowerCase();
+			var nativeCanPlay = (nativeCanPlayType[nodeName] || {prop: {_supvalue: false}}).prop._supvalue || mediaElem[0].canPlayType;
+			if(!nativeCanPlay){return ret;}
+			srces = srces || mediaelement.srces(mediaElem);
+			
+			$.each(srces, function(i, src){
+				if(src.type && nativeCanPlay.call(mediaElem[0], src.type) ){
+					ret = src;
+					return false;
 				}
-			};
+			});
 		}
-		if(!descs.attr){
-			descs.attr = {};
+		return ret;
+	};
+	
+	mediaelement.setError = function(elem, message){
+		if(!message){
+			message = "can't play sources";
 		}
+		
+		$(elem).pause().data('mediaerror', message);
+		webshims.error('mediaelementError: '+ message);
+		setTimeout(function(){
+			if($(elem).data('mediaerror')){
+				$(elem).trigger('mediaerror');
+			}
+		}, 1);
 	};
 	
-	$.extend(webshims, {
-
-		getID: (function(){
-			var ID = new Date().getTime();
-			return function(elem){
-				elem = $(elem);
-				var id = elem.attr('id');
-				if(!id){
-					ID++;
-					id = 'ID-'+ ID;
-					elem.attr('id', id);
-				}
-				return id;
-			};
-		})(),
-		extendUNDEFProp: function(obj, props){
-			$.each(props, function(name, prop){
-				if( !(name in obj) ){
-					obj[name] = prop;
+	var handleThird = (function(){
+		var requested;
+		return function( mediaElem, ret, data ){
+			if(!requested){
+				loadTrackUi();
+			}
+			webshims.ready(hasSwf ? swfType : 'mediaelement-yt', function(){
+				if(mediaelement.createSWF){
+					mediaelement.createSWF( mediaElem, ret, data );
+				} else if(!requested) {
+					requested = true;
+					loadThird();
+					//readd to ready
+					handleThird( mediaElem, ret, data );
 				}
 			});
-		},
-		//http://www.w3.org/TR/html5/common-dom-interfaces.html#reflect
-		createPropDefault: createPropDefault,
-		data: elementData,
-		moveToFirstEvent: function(elem, eventType, bindType){
-			var events = ($._data(elem, 'events') || {})[eventType];
-			var fn;
-			
-			if(events && events.length > 1){
-				fn = events.pop();
-				if(!bindType){
-					bindType = 'bind';
+			if(!requested && hasYt && !mediaelement.createSWF){
+				loadYt();
+			}
+		};
+	})();
+	
+	var stepSources = function(elem, data, useSwf, _srces, _noLoop){
+		var ret;
+		if(useSwf || (useSwf !== false && data && data.isActive == 'third')){
+			ret = mediaelement.canThirdPlaySrces(elem, _srces);
+			if(!ret){
+				if(_noLoop){
+					mediaelement.setError(elem, false);
+				} else {
+					stepSources(elem, data, false, _srces, true);
 				}
-				if(bindType == 'bind' && events.delegateCount){
-					events.splice( events.delegateCount, 0, fn);
+			} else {
+				handleThird(elem, ret, data);
+			}
+		} else {
+			ret = mediaelement.canNativePlaySrces(elem, _srces);
+			if(!ret){
+				if(_noLoop){
+					mediaelement.setError(elem, false);
+					if(data && data.isActive == 'third') {
+						mediaelement.setActive(elem, 'html5', data);
+					}
 				} else {
-					events.unshift( fn );
+					stepSources(elem, data, true, _srces, true);
 				}
-				
-				
+			} else if(data && data.isActive == 'third') {
+				mediaelement.setActive(elem, 'html5', data);
 			}
-			elem = null;
-		},
-		addShadowDom: (function(){
-			var resizeTimer;
-			var lastHeight;
-			var lastWidth;
-			
-			var docObserve = {
-				init: false,
-				runs: 0,
-				test: function(){
-					var height = docObserve.getHeight();
-					var width = docObserve.getWidth();
-					
-					if(height != docObserve.height || width != docObserve.width){
-						docObserve.height = height;
-						docObserve.width = width;
-						docObserve.handler({type: 'docresize'});
-						docObserve.runs++;
-						if(docObserve.runs < 9){
-							setTimeout(docObserve.test, 90);
+		}
+	};
+	var stopParent = /^(?:embed|object|datalist)$/i;
+	var selectSource = function(elem, data){
+		var baseData = webshims.data(elem, 'mediaelementBase') || webshims.data(elem, 'mediaelementBase', {});
+		var _srces = mediaelement.srces(elem);
+		var parent = elem.parentNode;
+		
+		clearTimeout(baseData.loadTimer);
+		$.data(elem, 'mediaerror', false);
+		
+		if(!_srces.length || !parent || parent.nodeType != 1 || stopParent.test(parent.nodeName || '')){return;}
+		data = data || webshims.data(elem, 'mediaelement');
+		stepSources(elem, data, options.preferFlash || undefined, _srces);
+	};
+	mediaelement.selectSource = selectSource;
+	
+	
+	$(document).on('ended', function(e){
+		var data = webshims.data(e.target, 'mediaelement');
+		if( supportsLoop && (!data || data.isActive == 'html5') && !$.prop(e.target, 'loop')){return;}
+		setTimeout(function(){
+			if( $.prop(e.target, 'paused') || !$.prop(e.target, 'loop') ){return;}
+			$(e.target).prop('currentTime', 0).play();
+		}, 1);
+		
+	});
+	
+	webshims.ready('dom-support', function(){
+		if(!supportsLoop){
+			webshims.defineNodeNamesBooleanProperty(['audio', 'video'], 'loop');
+		}
+		
+		['audio', 'video'].forEach(function(nodeName){
+			var supLoad = webshims.defineNodeNameProperty(nodeName, 'load',  {
+				prop: {
+					value: function(){
+						var data = webshims.data(this, 'mediaelement');
+						selectSource(this, data);
+						if(hasNative && (!data || data.isActive == 'html5') && supLoad.prop._supvalue){
+							supLoad.prop._supvalue.apply(this, arguments);
 						}
-					} else {
-						docObserve.runs = 0;
 					}
-				},
-				handler: function(e){
-					clearTimeout(resizeTimer);
-					resizeTimer = setTimeout(function(){
-						if(e.type == 'resize'){
-							var width = $(window).width();
-							var height = $(window).width();
-							if(height == lastHeight && width == lastWidth){
-								return;
+				}
+			});
+			nativeCanPlayType[nodeName] = webshims.defineNodeNameProperty(nodeName, 'canPlayType',  {
+				prop: {
+					value: function(type){
+						var ret = '';
+						if(hasNative && nativeCanPlayType[nodeName].prop._supvalue){
+							ret = nativeCanPlayType[nodeName].prop._supvalue.call(this, type);
+							if(ret == 'no'){
+								ret = '';
 							}
-							lastHeight = height;
-							lastWidth = width;
-							
-							docObserve.height = docObserve.getHeight();
-							docObserve.width = docObserve.getWidth();
-							
 						}
-						$(document).triggerHandler('updateshadowdom');
-					}, (e.type == 'resize') ? 50 : 9);
-				},
-				_create: function(){
-					$.each({ Height: "getHeight", Width: "getWidth" }, function(name, type){
-						var body = document.body;
-						var doc = document.documentElement;
-						docObserve[type] = function(){
-							return Math.max(
-								body[ "scroll" + name ], doc[ "scroll" + name ],
-								body[ "offset" + name ], doc[ "offset" + name ],
-								doc[ "client" + name ]
-							);
-						};
-					});
-				},
-				start: function(){
-					if(!this.init && document.body){
-						this.init = true;
-						this._create();
-						this.height = docObserve.getHeight();
-						this.width = docObserve.getWidth();
-						setInterval(this.test, 600);
-						$(this.test);
-						webshims.ready('WINDOWLOAD', this.test);
-						$(window).bind('resize', this.handler);
-						(function(){
-							var oldAnimate = $.fn.animate;
-							var animationTimer;
-							
-							$.fn.animate = function(){
-								clearTimeout(animationTimer);
-								animationTimer = setTimeout(function(){
-									docObserve.test();
-								}, 99);
-								
-								return oldAnimate.apply(this, arguments);
-							};
-						})();
-					}
-				}
-			};
-			
-			
-			webshims.docObserve = function(){
-				webshims.ready('DOM', function(){
-					docObserve.start();
-				});
-			};
-			return function(nativeElem, shadowElem, opts){
-				opts = opts || {};
-				if(nativeElem.jquery){
-					nativeElem = nativeElem[0];
-				}
-				if(shadowElem.jquery){
-					shadowElem = shadowElem[0];
-				}
-				var nativeData = $.data(nativeElem, dataID) || $.data(nativeElem, dataID, {});
-				var shadowData = $.data(shadowElem, dataID) || $.data(shadowElem, dataID, {});
-				var shadowFocusElementData = {};
-				if(!opts.shadowFocusElement){
-					opts.shadowFocusElement = shadowElem;
-				} else if(opts.shadowFocusElement){
-					if(opts.shadowFocusElement.jquery){
-						opts.shadowFocusElement = opts.shadowFocusElement[0];
+						if(!ret && hasSwf){
+							type = $.trim((type || '').split(';')[0]);
+							if(mediaelement.swfMimeTypes.indexOf(type) != -1){
+								ret = 'maybe';
+							}
+						}
+						return ret;
 					}
-					shadowFocusElementData = $.data(opts.shadowFocusElement, dataID) || $.data(opts.shadowFocusElement, dataID, shadowFocusElementData);
-				}
-				
-				nativeData.hasShadow = shadowElem;
-				shadowFocusElementData.nativeElement = shadowData.nativeElement = nativeElem;
-				shadowFocusElementData.shadowData = shadowData.shadowData = nativeData.shadowData = {
-					nativeElement: nativeElem,
-					shadowElement: shadowElem,
-					shadowFocusElement: opts.shadowFocusElement
-				};
-				if(opts.shadowChilds){
-					opts.shadowChilds.each(function(){
-						elementData(this, 'shadowData', shadowData.shadowData);
-					});
 				}
+			});
+		});
+		webshims.onNodeNamesPropertyModify(['audio', 'video'], ['src', 'poster'], {
+			set: function(){
+				var elem = this;
+				var baseData = webshims.data(elem, 'mediaelementBase') || webshims.data(elem, 'mediaelementBase', {});
+				clearTimeout(baseData.loadTimer);
+				baseData.loadTimer = setTimeout(function(){
+					selectSource(elem);
+					elem = null;
+				}, 9);
+			}
+		});
+	});
+		
+	var initMediaElements = function(){
+		var testFixMedia = function(){
+			if(webshims.implement(this, 'mediaelement')){
+				selectSource(this);
 				
-				if(opts.data){
-					shadowFocusElementData.shadowData.data = shadowData.shadowData.data = nativeData.shadowData.data = opts.data;
-				}
-				opts = null;
-				webshims.docObserve();
-			};
-		})(),
-		propTypes: {
-			standard: function(descs, name){
-				createPropDefault(descs);
-				if(descs.prop){return;}
-				descs.prop = {
-					set: function(val){
-						descs.attr.set.call(this, ''+val);
-					},
-					get: function(){
-						return descs.attr.get.call(this) || descs.defaultValue;
-					}
-				};
-				
-			},
-			"boolean": function(descs, name){
-				
-				createPropDefault(descs);
-				if(descs.prop){return;}
-				descs.prop = {
-					set: function(val){
-						if(val){
-							descs.attr.set.call(this, "");
-						} else {
-							descs.removeAttr.value.call(this);
+				if(hasNative){
+					var bufferTimer;
+					var lastBuffered;
+					var elem = this;
+					var getBufferedString = function(){
+						var buffered = $.prop(elem, 'buffered');
+						if(!buffered){return;}
+						var bufferString = "";
+						for(var i = 0, len = buffered.length; i < len;i++){
+							bufferString += buffered.end(i);
 						}
-					},
-					get: function(){
-						return descs.attr.get.call(this) != null;
-					}
-				};
-			},
-			"src": (function(){
-				var anchor = document.createElement('a');
-				anchor.style.display = "none";
-				return function(descs, name){
-					
-					createPropDefault(descs);
-					if(descs.prop){return;}
-					descs.prop = {
-						set: function(val){
-							descs.attr.set.call(this, val);
-						},
-						get: function(){
-							var href = this.getAttribute(name);
-							var ret;
-							if(href == null){return '';}
-							
-							anchor.setAttribute('href', href+'' );
-							
-							if(!$.support.hrefNormalized){
-								try {
-									$(anchor).insertAfter(this);
-									ret = anchor.getAttribute('href', 4);
-								} catch(er){
-									ret = anchor.getAttribute('href', 4);
-								}
-								$(anchor).detach();
-							}
-							return ret || anchor.href;
+						return bufferString;
+					};
+					var testBuffer = function(){
+						var buffered = getBufferedString();
+						if(buffered != lastBuffered){
+							lastBuffered = buffered;
+							$(elem).triggerHandler('progress');
 						}
 					};
-				};
-			})(),
-			enumarated: function(descs, name){
 					
-					createPropDefault(descs);
-					if(descs.prop){return;}
-					descs.prop = {
-						set: function(val){
-							descs.attr.set.call(this, val);
-						},
-						get: function(){
-							var val = (descs.attr.get.call(this) || '').toLowerCase();
-							if(!val || descs.limitedTo.indexOf(val) == -1){
-								val = descs.defaultValue;
+					$(this)
+						.on({
+							'play loadstart progress': function(e){
+								if(e.type == 'progress'){
+									lastBuffered = getBufferedString();
+								}
+								clearTimeout(bufferTimer);
+								bufferTimer = setTimeout(testBuffer, 999);
+							},
+							'emptied stalled mediaerror abort suspend': function(e){
+								if(e.type == 'emptied'){
+									lastBuffered = false;
+								}
+								clearTimeout(bufferTimer);
 							}
-							return val;
-						}
-					};
+						})
+					;
+					if('ActiveXObject' in window && $.prop(this, 'paused') && !$.prop(this, 'readyState') && $(this).is('audio[preload="none"][controls]:not([autoplay],.nonnative-api-active)')){
+						$(this).prop('preload', 'metadata').mediaLoad(); 
+					}
 				}
-			
-//			,unsignedLong: $.noop
-//			,"doubble": $.noop
-//			,"long": $.noop
-//			,tokenlist: $.noop
-//			,settableTokenlist: $.noop
-		},
-		reflectProperties: function(nodeNames, props){
-			if(typeof props == 'string'){
-				props = props.split(listReg);
 			}
-			props.forEach(function(prop){
-				webshims.defineNodeNamesProperty(nodeNames, prop, {
-					prop: {
-						set: function(val){
-							$.attr(this, prop, val);
-						},
-						get: function(){
-							return $.attr(this, prop) || '';
-						}
-					}
-				});
+			
+		};
+		var handleMedia = false;
+		
+		
+		webshims.ready('dom-support', function(){
+			handleMedia = true;
+			webshims.addReady(function(context, insertedElement){
+				var media = $('video, audio', context)
+					.add(insertedElement.filter('video, audio'))
+					.each(testFixMedia)
+				;
+				if(!loadTrackUi.loaded && $('track', media).length){
+					loadTrackUi();
+				}
+				media = null;
 			});
-		},
-		defineNodeNameProperty: function(nodeName, prop, descs){
-			havePolyfill[prop] = true;
-						
-			if(descs.reflect){
-				webshims.propTypes[descs.propType || 'standard'](descs, prop);
+		});
+		
+		if(hasNative && !handleMedia){
+			webshims.addReady(function(context, insertedElement){
+				if(!handleMedia){
+					$('video, audio', context)
+						.add(insertedElement.filter('video, audio'))
+						.each(function(){
+							if(!mediaelement.canNativePlaySrces(this) || (!loadTrackUi.loaded && $('track', this).length)){
+								loadThird();
+								handleMedia = true;
+								return false;
+							}
+						})
+					;
+				}
+			});
+		}
+	};
+	
+	if(Modernizr.track && !bugs.track){
+		webshims.defineProperty(TextTrack.prototype, 'shimActiveCues', {
+			get: function(){
+				return this._shimActiveCues || this.activeCues;
 			}
+		});
+	}
+	//set native implementation ready, before swf api is retested
+	if(hasNative){
+		webshims.isReady('mediaelement-core', true);
+		initMediaElements();
+		webshims.ready('WINDOWLOAD mediaelement', loadThird);
+	} else {
+		webshims.ready(swfType, initMediaElements);
+	}
+	webshims.ready('WINDOWLOAD mediaelement', loadTrackUi);
+});
+})(jQuery, Modernizr, jQuery.webshims);
+jQuery.webshims.register('track', function($, webshims, window, document, undefined){
+	"use strict";
+	var mediaelement = webshims.mediaelement;
+	var id = new Date().getTime();
+	var ADDBACK = $.fn.addBack ? 'addBack' : 'andSelf';
+	//descriptions are not really shown, but they are inserted into the dom
+	var showTracks = {subtitles: 1, captions: 1, descriptions: 1};
+	var notImplemented = function(){
+		webshims.error('not implemented yet');
+	};
+	var dummyTrack = $('<track />');
+	var supportTrackMod = Modernizr.ES5 && Modernizr.objectAccessor;
+	var createEventTarget = function(obj){
+		var eventList = {};
+		obj.addEventListener = function(name, fn){
+			if(eventList[name]){
+				webshims.error('always use $.on to the shimed event: '+ name +' already bound fn was: '+ eventList[name] +' your fn was: '+ fn);
+			}
+			eventList[name] = fn;
 			
-			['prop', 'attr', 'removeAttr'].forEach(function(type){
-				var desc = descs[type];
-				if(desc){
-					if(type === 'prop'){
-						desc = $.extend({writeable: true}, desc);
-					} else {
-						desc = $.extend({}, desc, {writeable: true});
-					}
-						
-					extendQ[type](nodeName, prop, desc);
-					if(nodeName != '*' && webshims.cfg.extendNative && type == 'prop' && desc.value && $.isFunction(desc.value)){
-						extendNativeValue(nodeName, prop, desc);
-					}
-					descs[type] = desc;
+		};
+		obj.removeEventListener = function(name, fn){
+			if(eventList[name] && eventList[name] != fn){
+				webshims.error('always use $.on/$.off to the shimed event: '+ name +' already bound fn was: '+ eventList[name] +' your fn was: '+ fn);
+			}
+			if(eventList[name]){
+				delete eventList[name];
+			}
+		};
+		return obj;
+	};
+	
+	var cueListProto = {
+		getCueById: function(id){
+			var cue = null;
+			for(var i = 0, len = this.length; i < len; i++){
+				if(this[i].id === id){
+					cue = this[i];
+					break;
 				}
-			});
-			if(descs.initAttr){
-				initProp.content(nodeName, prop);
 			}
-			return descs;
+			return cue;
+		}
+	};
+	var numericModes = {
+		0: 'disabled',
+		1: 'hidden',
+		2: 'showing'
+	};
+	
+	var textTrackProto = {
+		shimActiveCues: null,
+		_shimActiveCues: null,
+		activeCues: null,
+		cues: null,
+		kind: 'subtitles',
+		label: '',
+		language: '',
+		mode: 'disabled',
+		readyState: 0,
+		oncuechange: null,
+		toString: function() {
+			return "[object TextTrack]";
 		},
-		
-		defineNodeNameProperties: function(name, descs, propType, _noTmpCache){
-			var olddesc;
-			for(var prop in descs){
-				if(!_noTmpCache && descs[prop].initAttr){
-					initProp.createTmpCache(name);
+		addCue: function(cue){
+			if(!this.cues){
+				this.cues = mediaelement.createCueList();
+			} else {
+				var lastCue = this.cues[this.cues.length-1];
+				if(lastCue && lastCue.startTime > cue.startTime){
+					webshims.error("cue startTime higher than previous cue's startTime");
 				}
-				if(propType){
-					if(descs[prop][propType]){
-						//webshims.log('override: '+ name +'['+prop +'] for '+ propType);
-					} else {
-						descs[prop][propType] = {};
-						['value', 'set', 'get'].forEach(function(copyProp){
-							if(copyProp in descs[prop]){
-								descs[prop][propType][copyProp] = descs[prop][copyProp];
-								delete descs[prop][copyProp];
-							}
-						});
-					}
+			}
+			if(cue.track && cue.track.removeCue){
+				cue.track.removeCue(cue);
+			}
+			cue.track = this;
+			this.cues.push(cue);
+		},
+		//ToDo: make it more dynamic
+		removeCue: function(cue){
+			var cues = this.cues || [];
+			var i = 0;
+			var len = cues.length;
+			if(cue.track != this){
+				webshims.error("cue not part of track");
+				return;
+			}
+			for(; i < len; i++){
+				if(cues[i] === cue){
+					cues.splice(i, 1);
+					cue.track = null;
+					break;
 				}
-				descs[prop] = webshims.defineNodeNameProperty(name, prop, descs[prop]);
 			}
-			if(!_noTmpCache){
-				initProp.flushTmpCache();
+			if(cue.track){
+				webshims.error("cue not part of track");
+				return;
 			}
-			return descs;
 		},
+		DISABLED: 'disabled',
+		OFF: 'disabled',
+		HIDDEN: 'hidden',
+		SHOWING: 'showing',
+		ERROR: 3,
+		LOADED: 2,
+		LOADING: 1,
+		NONE: 0
+	};
+	var copyProps = ['kind', 'label', 'srclang'];
+	var copyName = {srclang: 'language'};
+	
+	var owns = Function.prototype.call.bind(Object.prototype.hasOwnProperty);
+	
+	var updateMediaTrackList = function(baseData, trackList){
+		var removed = [];
+		var added = [];
+		var newTracks = [];
+		var i, len;
+		if(!baseData){
+			baseData =  webshims.data(this, 'mediaelementBase') || webshims.data(this, 'mediaelementBase', {});
+		}
 		
-		createElement: function(nodeName, create, descs){
-			var ret;
-			if($.isFunction(create)){
-				create = {
-					after: create
-				};
+		if(!trackList){
+			baseData.blockTrackListUpdate = true;
+			trackList = $.prop(this, 'textTracks');
+			baseData.blockTrackListUpdate = false;
+		}
+		
+		clearTimeout(baseData.updateTrackListTimer);
+		
+		$('track', this).each(function(){
+			var track = $.prop(this, 'track');
+			newTracks.push(track);
+			if(trackList.indexOf(track) == -1){
+				added.push(track);
+			}
+		});
+		
+		if(baseData.scriptedTextTracks){
+			for(i = 0, len = baseData.scriptedTextTracks.length; i < len; i++){
+				newTracks.push(baseData.scriptedTextTracks[i]);
+				if(trackList.indexOf(baseData.scriptedTextTracks[i]) == -1){
+					added.push(baseData.scriptedTextTracks[i]);
+				}
 			}
-			initProp.createTmpCache(nodeName);
-			if(create.before){
-				initProp.createElement(nodeName, create.before);
+		}
+		
+		for(i = 0, len = trackList.length; i < len; i++){
+			if(newTracks.indexOf(trackList[i]) == -1){
+				removed.push(trackList[i]);
 			}
-			if(descs){
-				ret = webshims.defineNodeNameProperties(nodeName, descs, false, true);
+		}
+		
+		if(removed.length || added.length){
+			trackList.splice(0);
+			
+			for(i = 0, len = newTracks.length; i < len; i++){
+				trackList.push(newTracks[i]);
 			}
-			if(create.after){
-				initProp.createElement(nodeName, create.after);
+			for(i = 0, len = removed.length; i < len; i++){
+				$([trackList]).triggerHandler($.Event({type: 'removetrack', track: removed[i]}));
 			}
-			initProp.flushTmpCache();
-			return ret;
-		},
-		onNodeNamesPropertyModify: function(nodeNames, props, desc, only){
-			if(typeof nodeNames == 'string'){
-				nodeNames = nodeNames.split(listReg);
+			for(i = 0, len = added.length; i < len; i++){
+				$([trackList]).triggerHandler($.Event({type: 'addtrack', track: added[i]}));
 			}
-			if($.isFunction(desc)){
-				desc = {set: desc};
+			if(baseData.scriptedTextTracks || removed.length){
+				$(this).triggerHandler('updatetrackdisplay');
 			}
-			
-			nodeNames.forEach(function(name){
-				if(!modifyProps[name]){
-					modifyProps[name] = {};
-				}
-				if(typeof props == 'string'){
-					props = props.split(listReg);
-				}
-				if(desc.initAttr){
-					initProp.createTmpCache(name);
+		}
+	};
+	
+	var refreshTrack = function(track, trackData){
+		if(!trackData){
+			trackData = webshims.data(track, 'trackData');
+		}
+		if(trackData && !trackData.isTriggering){
+			trackData.isTriggering = true;
+			setTimeout(function(){
+				if(!(trackData.track || {}).readyState){
+					$(track).triggerHandler('checktrackmode');
+				} else {
+					$(track).closest('audio, video').triggerHandler('updatetrackdisplay');
 				}
-				props.forEach(function(prop){
-					if(!modifyProps[name][prop]){
-						modifyProps[name][prop] = [];
-						havePolyfill[prop] = true;
-					}
-					if(desc.set){
-						if(only){
-							desc.set.only =  only;
+				trackData.isTriggering = false;
+			}, 1);
+		}
+	};
+	
+	var emptyDiv = $('<div />')[0];
+	window.TextTrackCue = function(startTime, endTime, text){
+		if(arguments.length != 3){
+			webshims.error("wrong arguments.length for TextTrackCue.constructor");
+		}
+		
+		this.startTime = startTime;
+		this.endTime = endTime;
+		this.text = text;
+		
+		this.id = "";
+		this.pauseOnExit = false;
+		
+		createEventTarget(this);
+	};
+	
+	window.TextTrackCue.prototype = {
+		
+		onenter: null,
+		onexit: null,
+		pauseOnExit: false,
+		getCueAsHTML: function(){
+			var lastText = "";
+			var parsedText = "";
+			var fragment = document.createDocumentFragment();
+			var fn;
+			if(!owns(this, 'getCueAsHTML')){
+				fn = this.getCueAsHTML = function(){
+					var i, len;
+					if(lastText != this.text){
+						lastText = this.text;
+						parsedText = mediaelement.parseCueTextToHTML(lastText);
+						emptyDiv.innerHTML = parsedText;
+						
+						for(i = 0, len = emptyDiv.childNodes.length; i < len; i++){
+							fragment.appendChild(emptyDiv.childNodes[i].cloneNode(true));
 						}
-						modifyProps[name][prop].push(desc.set);
-					}
-					
-					if(desc.initAttr){
-						initProp.content(name, prop);
 					}
-				});
-				initProp.flushTmpCache();
+					return fragment.cloneNode(true);
+				};
 				
-			});
-		},
-		defineNodeNamesBooleanProperty: function(elementNames, prop, descs){
-			if(!descs){
-				descs = {};
 			}
-			if($.isFunction(descs)){
-				descs.set = descs;
+			return fn ? fn.apply(this, arguments) : fragment.cloneNode(true);
+		},
+		track: null,
+		
+		
+		id: ''
+		//todo-->
+//			,
+//			snapToLines: true,
+//			line: 'auto',
+//			size: 100,
+//			position: 50,
+//			vertical: '',
+//			align: 'middle'
+	};
+	
+	
+	
+	
+	
+	mediaelement.createCueList = function(){
+		return $.extend([], cueListProto);
+	};
+	
+	mediaelement.parseCueTextToHTML = (function(){
+		var tagSplits = /(<\/?[^>]+>)/ig;
+		var allowedTags = /^(?:c|v|ruby|rt|b|i|u)/;
+		var regEnd = /\<\s*\//;
+		var addToTemplate = function(localName, attribute, tag, html){
+			var ret;
+			if(regEnd.test(html)){
+				ret = '</'+ localName +'>';
+			} else {
+				tag.splice(0, 1);
+				ret =  '<'+ localName +' '+ attribute +'="'+ (tag.join(' ').replace(/\"/g, '&#34;')) +'">';
 			}
-			webshims.defineNodeNamesProperty(elementNames, prop, {
-				attr: {
-					set: function(val){
-						this.setAttribute(prop, val);
-						if(descs.set){
-							descs.set.call(this, true);
-						}
-					},
-					get: function(){
-						var ret = this.getAttribute(prop);
-						return (ret == null) ? undefined : prop;
+			return ret;
+		};
+		var replacer = function(html){
+			var tag = html.replace(/[<\/>]+/ig,"").split(/[\s\.]+/);
+			if(tag[0]){
+				tag[0] = tag[0].toLowerCase();
+				if(allowedTags.test(tag[0])){
+					if(tag[0] == 'c'){
+						html = addToTemplate('span', 'class', tag, html);
+					} else if(tag[0] == 'v'){
+						html = addToTemplate('q', 'title', tag, html);
 					}
-				},
-				removeAttr: {
-					value: function(){
-						this.removeAttribute(prop);
-						if(descs.set){
-							descs.set.call(this, false);
-						}
+				} else {
+					html = "";
+				}
+			}
+			return html;
+		};
+		
+		return function(cueText){
+			return cueText.replace(tagSplits, replacer);
+		};
+	})();
+	
+	mediaelement.loadTextTrack = function(mediaelem, track, trackData, _default){
+		var loadEvents = 'play playing timeupdate updatetrackdisplay';
+		var obj = trackData.track;
+		var load = function(){
+			var src = $.prop(track, 'src');
+			var error;
+			var ajax;
+			if(obj.mode != 'disabled' && src && $.attr(track, 'src')){
+				$(mediaelem).unbind(loadEvents, load);
+				$(track).unbind('checktrackmode', load);
+				if(!obj.readyState){
+					error = function(){
+						obj.readyState = 3;
+						obj.cues = null;
+						obj.activeCues = obj.shimActiveCues = obj._shimActiveCues = null;
+						$(track).triggerHandler('error');
+					};
+					obj.readyState = 1;
+					try {
+						obj.cues = mediaelement.createCueList();
+						obj.activeCues = obj.shimActiveCues = obj._shimActiveCues = mediaelement.createCueList();
+						ajax = $.ajax({
+							dataType: 'text',
+							url: src,
+							success: function(text){
+								if(ajax.getResponseHeader('content-type') != 'text/vtt'){
+									webshims.error('set the mime-type of your WebVTT files to text/vtt. see: http://dev.w3.org/html5/webvtt/#text/vtt');
+								}
+								mediaelement.parseCaptions(text, obj, function(cues){
+									if(cues && 'length' in cues){
+										obj.readyState = 2;
+										$(track).triggerHandler('load');
+										$(mediaelem).triggerHandler('updatetrackdisplay');
+									} else {
+										error();
+									}
+								});
+								
+							},
+							error: error
+						});
+					} catch(er){
+						error();
+						webshims.warn(er);
 					}
-				},
-				reflect: true,
-				propType: 'boolean',
-				initAttr: descs.initAttr || false
-			});
-		},
-		contentAttr: function(elem, name, val){
-			if(!elem.nodeName){return;}
-			var attr;
-			if(val === undefined){
-				attr = (elem.attributes[name] || {});
-				val = attr.specified ? attr.value : null;
-				return (val == null) ? undefined : val;
+				}
 			}
+		};
+		obj.readyState = 0;
+		obj.shimActiveCues = null;
+		obj._shimActiveCues = null;
+		obj.activeCues = null;
+		obj.cues = null;
+		$(mediaelem).unbind(loadEvents, load);
+		$(track).unbind('checktrackmode', load);
+		$(mediaelem).on(loadEvents, load);
+		$(track).on('checktrackmode', load);
+		if(_default){
+			obj.mode = showTracks[obj.kind] ? 'showing' : 'hidden';
+			load();
+		}
+	};
+	
+	mediaelement.createTextTrack = function(mediaelem, track){
+		var obj, trackData;
+		if(track.nodeName){
+			trackData = webshims.data(track, 'trackData');
 			
-			if(typeof val == 'boolean'){
-				if(!val){
-					elem.removeAttribute(name);
-				} else {
-					elem.setAttribute(name, name);
-				}
-			} else {
-				elem.setAttribute(name, val);
+			if(trackData){
+				refreshTrack(track, trackData);
+				obj = trackData.track;
 			}
-		},
+		}
 		
-//		set current Lang:
-//			- webshims.activeLang(lang:string);
-//		get current lang
-//			- webshims.activeLang();
-//		get current lang
-//			webshims.activeLang({
-//				register: moduleName:string,
-//				callback: callback:function
-//			});
-//		get/set including removeLang
-//			- webshims.activeLang({
-//				module: moduleName:string,
-//				callback: callback:function,
-//				langObj: languageObj:array/object
-//			});
-		activeLang: (function(){
-			var callbacks = [];
-			var registeredCallbacks = {};
-			var currentLang;
-			var shortLang;
-			var notLocal = /:\/\/|^\.*\//;
-			var loadRemoteLang = function(data, lang, options){
-				var langSrc;
-				if(lang && options && $.inArray(lang, options.availabeLangs || []) !== -1){
-					data.loading = true;
-					langSrc = options.langSrc;
-					if(!notLocal.test(langSrc)){
-						langSrc = webshims.cfg.basePath+langSrc;
+		if(!obj){
+			obj = createEventTarget(webshims.objectCreate(textTrackProto));
+			
+			if(!supportTrackMod){
+				copyProps.forEach(function(copyProp){
+					var prop = $.prop(track, copyProp);
+					if(prop){
+						obj[copyName[copyProp] || copyProp] = prop;
 					}
-					webshims.loader.loadScript(langSrc+lang+'.js', function(){
-						if(data.langObj[lang]){
-							data.loading = false;
-							callLang(data, true);
-						} else {
-							$(function(){
-								if(data.langObj[lang]){
-									callLang(data, true);
-								}
-								data.loading = false;
-							});
-						}
+				});
+			}
+			
+			
+			if(track.nodeName){
+				
+				if(supportTrackMod){
+					copyProps.forEach(function(copyProp){
+						webshims.defineProperty(obj, copyName[copyProp] || copyProp, {
+							get: function(){
+								return $.prop(track, copyProp);
+							}
+						});
 					});
-					return true;
 				}
-				return false;
-			};
-			var callRegister = function(module){
-				if(registeredCallbacks[module]){
-					registeredCallbacks[module].forEach(function(data){
-						data.callback();
+				
+				trackData = webshims.data(track, 'trackData', {track: obj});
+				mediaelement.loadTextTrack(mediaelem, track, trackData, ($.prop(track, 'default') && $(track).siblings('track[default]')[ADDBACK]()[0] == track));
+			} else {
+				if(supportTrackMod){
+					copyProps.forEach(function(copyProp){
+						webshims.defineProperty(obj, copyName[copyProp] || copyProp, {
+							value: track[copyProp],
+							writeable: false
+						});
 					});
 				}
-			};
-			var callLang = function(data, _noLoop){
-				if(data.activeLang != currentLang && data.activeLang !== shortLang){
-					var options = modules[data.module].options;
-					if( data.langObj[currentLang] || (shortLang && data.langObj[shortLang]) ){
-						data.activeLang = currentLang;
-						data.callback(data.langObj[currentLang] || data.langObj[shortLang], currentLang);
-						callRegister(data.module);
-					} else if( !_noLoop &&
-						!loadRemoteLang(data, currentLang, options) && 
-						!loadRemoteLang(data, shortLang, options) && 
-						data.langObj[''] && data.activeLang !== '' ) {
-						data.activeLang = '';
-						data.callback(data.langObj[''], currentLang);
-						callRegister(data.module);
+				obj.cues = mediaelement.createCueList();
+				obj.activeCues = obj._shimActiveCues = obj.shimActiveCues = mediaelement.createCueList();
+				obj.mode = 'hidden';
+				obj.readyState = 2;
+			}
+		}
+		return obj;
+	};
+	
+	
+/*
+taken from:
+Captionator 0.5.1 [CaptionCrunch]
+Christopher Giffard, 2011
+Share and enjoy
+
+https://github.com/cgiffard/Captionator
+
+modified for webshims
+*/
+	mediaelement.parseCaptionChunk = (function(){
+		// Set up timestamp parsers
+		var WebVTTTimestampParser			= /^(\d{2})?:?(\d{2}):(\d{2})\.(\d+)\s+\-\-\>\s+(\d{2})?:?(\d{2}):(\d{2})\.(\d+)\s*(.*)/;
+		var GoogleTimestampParser		= /^([\d\.]+)\s+\+([\d\.]+)\s*(.*)/;
+		var WebVTTDEFAULTSCueParser		= /^(DEFAULTS|DEFAULT)\s+\-\-\>\s+(.*)/g;
+		var WebVTTSTYLECueParser		= /^(STYLE|STYLES)\s+\-\-\>\s*\n([\s\S]*)/g;
+		var WebVTTCOMMENTCueParser		= /^(COMMENT|COMMENTS)\s+\-\-\>\s+(.*)/g;
+		
+		return function(subtitleElement,objectCount){
+			var cueDefaults = [];
+		
+			var subtitleParts, timeIn, timeOut, html, timeData, subtitlePartIndex, cueSettings = "", id, specialCueData;
+			var timestampMatch, tmpCue;
+
+			// WebVTT Special Cue Logic
+			if ((specialCueData = WebVTTDEFAULTSCueParser.exec(subtitleElement))) {
+//				cueDefaults = specialCueData.slice(2).join("");
+//				cueDefaults = cueDefaults.split(/\s+/g).filter(function(def) { return def && !!def.length; });
+				return null;
+			} else if ((specialCueData = WebVTTSTYLECueParser.exec(subtitleElement))) {
+				return null;
+			} else if ((specialCueData = WebVTTCOMMENTCueParser.exec(subtitleElement))) {
+				return null; // At this stage, we don't want to do anything with these.
+			}
+			
+			subtitleParts = subtitleElement.split(/\n/g);
+		
+			// Trim off any blank lines (logically, should only be max. one, but loop to be sure)
+			while (!subtitleParts[0].replace(/\s+/ig,"").length && subtitleParts.length > 0) {
+				subtitleParts.shift();
+			}
+		
+			if (subtitleParts[0].match(/^\s*[a-z0-9-\_]+\s*$/ig)) {
+				// The identifier becomes the cue ID (when *we* load the cues from file. Programatically created cues can have an ID of whatever.)
+				id = String(subtitleParts.shift().replace(/\s*/ig,""));
+			}
+		
+			for (subtitlePartIndex = 0; subtitlePartIndex < subtitleParts.length; subtitlePartIndex ++) {
+				var timestamp = subtitleParts[subtitlePartIndex];
+				
+				if ((timestampMatch = WebVTTTimestampParser.exec(timestamp))) {
+					
+					// WebVTT
+					
+					timeData = timestampMatch.slice(1);
+					
+					timeIn =	parseInt((timeData[0]||0) * 60 * 60,10) +	// Hours
+								parseInt((timeData[1]||0) * 60,10) +		// Minutes
+								parseInt((timeData[2]||0),10) +				// Seconds
+								parseFloat("0." + (timeData[3]||0));		// MS
+					
+					timeOut =	parseInt((timeData[4]||0) * 60 * 60,10) +	// Hours
+								parseInt((timeData[5]||0) * 60,10) +		// Minutes
+								parseInt((timeData[6]||0),10) +				// Seconds
+								parseFloat("0." + (timeData[7]||0));		// MS
+/*
+					if (timeData[8]) {
+						cueSettings = timeData[8];
 					}
+*/
 				}
-			};
+				
+				// We've got the timestamp - return all the other unmatched lines as the raw subtitle data
+				subtitleParts = subtitleParts.slice(0,subtitlePartIndex).concat(subtitleParts.slice(subtitlePartIndex+1));
+				break;
+			}
+
+			if (!timeIn && !timeOut) {
+				// We didn't extract any time information. Assume the cue is invalid!
+				webshims.warn("couldn't extract time information: "+[timeIn, timeOut, subtitleParts.join("\n"), id].join(' ; '));
+				return null;
+			}
+/*
+			// Consolidate cue settings, convert defaults to object
+			var compositeCueSettings =
+				cueDefaults
+					.reduce(function(previous,current,index,array){
+						previous[current.split(":")[0]] = current.split(":")[1];
+						return previous;
+					},{});
+			
+			// Loop through cue settings, replace defaults with cue specific settings if they exist
+			compositeCueSettings =
+				cueSettings
+					.split(/\s+/g)
+					.filter(function(set) { return set && !!set.length; })
+					// Convert array to a key/val object
+					.reduce(function(previous,current,index,array){
+						previous[current.split(":")[0]] = current.split(":")[1];
+						return previous;
+					},compositeCueSettings);
+			
+			// Turn back into string like the TextTrackCue constructor expects
+			cueSettings = "";
+			for (var key in compositeCueSettings) {
+				if (compositeCueSettings.hasOwnProperty(key)) {
+					cueSettings += !!cueSettings.length ? " " : "";
+					cueSettings += key + ":" + compositeCueSettings[key];
+				}
+			}
+*/
+			// The remaining lines are the subtitle payload itself (after removing an ID if present, and the time);
+			html = subtitleParts.join("\n");
+			tmpCue = new TextTrackCue(timeIn, timeOut, html);
+			if(id){
+				tmpCue.id = id;
+			}
+			return tmpCue;
+		};
+	})();
+	
+	mediaelement.parseCaptions = function(captionData, track, complete) {
+		var subtitles = mediaelement.createCueList();
+		var cue, lazyProcess, regWevVTT;
+		var startDate;
+		var isWEBVTT;
+		if (captionData) {
 			
+			regWevVTT = /^WEBVTT(\s*FILE)?/ig;
 			
-			var activeLang = function(lang){
+			lazyProcess = function(i, len){
 				
-				if(typeof lang == 'string' && lang !== currentLang){
-					currentLang = lang;
-					shortLang = currentLang.split('-')[0];
-					if(currentLang == shortLang){
-						shortLang = false;
-					}
-					$.each(callbacks, function(i, data){
-						callLang(data);
-					});
-				} else if(typeof lang == 'object'){
-					
-					if(lang.register){
-						if(!registeredCallbacks[lang.register]){
-							registeredCallbacks[lang.register] = [];
+				for(; i < len; i++){
+					cue = captionData[i];
+					if(regWevVTT.test(cue)){
+						isWEBVTT = true;
+					} else if(cue.replace(/\s*/ig,"").length){
+						if(!isWEBVTT){
+							webshims.error('please use WebVTT format. This is the standard');
+							complete(null);
+							break;
 						}
-						registeredCallbacks[lang.register].push(lang);
-						lang.callback();
-					} else {
-						if(!lang.activeLang){
-							lang.activeLang = '';
+						cue = mediaelement.parseCaptionChunk(cue, i);
+						if(cue){
+							track.addCue(cue);
 						}
-						callbacks.push(lang);
-						callLang(lang);
 					}
+					if(startDate < (new Date().getTime()) - 30){
+						i++;
+						setTimeout(function(){
+							startDate = new Date().getTime();
+							lazyProcess(i, len);
+						}, 90);
+						
+						break;
+					}
+				}
+				if(i >= len){
+					if(!isWEBVTT){
+						webshims.error('please use WebVTT format. This is the standard');
+					}
+					complete(track.cues);
 				}
-				return currentLang;
 			};
 			
-			return activeLang;
-		})()
-	});
-	
-	$.each({
-		defineNodeNamesProperty: 'defineNodeNameProperty',
-		defineNodeNamesProperties: 'defineNodeNameProperties',
-		createElements: 'createElement'
-	}, function(name, baseMethod){
-		webshims[name] = function(names, a, b, c){
-			if(typeof names == 'string'){
-				names = names.split(listReg);
-			}
-			var retDesc = {};
-			names.forEach(function(nodeName){
-				retDesc[nodeName] = webshims[baseMethod](nodeName, a, b, c);
-			});
-			return retDesc;
-		};
-	});
+			captionData = captionData.replace(/\r\n/g,"\n");
+			
+			setTimeout(function(){
+				captionData = captionData.replace(/\r/g,"\n");
+				setTimeout(function(){
+					startDate = new Date().getTime();
+					captionData = captionData.split(/\n\n+/g);
+					lazyProcess(0, captionData.length);
+				}, 9);
+			}, 9);
+			
+		} else {
+			webshims.error("Required parameter captionData not supplied.");
+		}
+	};
 	
-	webshims.isReady('webshimLocalization', true);
-});
-//html5a11y
-(function($, document){
-	//if we support basic styleing or do not support ARIA (assumed) abort
-	if(!Modernizr.localstorage || ('hidden' in document.createElement('a'))){return;}
 	
-	var elemMappings = {
-		article: "article",
-		aside: "complementary",
-		section: "region",
-		nav: "navigation",
-		address: "contentinfo"
-	};
-	var addRole = function(elem, role){
-		var hasRole = elem.getAttribute('role');
-		if (!hasRole) {
-			elem.setAttribute('role', role);
+	mediaelement.createTrackList = function(mediaelem, baseData){
+		baseData = baseData || webshims.data(mediaelem, 'mediaelementBase') || webshims.data(mediaelem, 'mediaelementBase', {});
+		if(!baseData.textTracks){
+			baseData.textTracks = [];
+			webshims.defineProperties(baseData.textTracks, {
+				onaddtrack: {value: null},
+				onremovetrack: {value: null}
+			});
+			createEventTarget(baseData.textTracks);
 		}
+		return baseData.textTracks;
 	};
 	
-	$.webshims.addReady(function(context, contextElem){
-		$.each(elemMappings, function(name, role){
-			var elems = $(name, context).add(contextElem.filter(name));
-			for (var i = 0, len = elems.length; i < len; i++) {
-				addRole(elems[i], role);
+	if(!Modernizr.track){
+		webshims.defineNodeNamesBooleanProperty(['track'], 'default');
+		webshims.reflectProperties(['track'], ['srclang', 'label']);
+		
+		webshims.defineNodeNameProperties('track', {
+			src: {
+				//attr: {},
+				reflect: true,
+				propType: 'src'
 			}
 		});
-		if (context === document) {
-			var header = document.getElementsByTagName('header')[0];
-			var footers = document.getElementsByTagName('footer');
-			var footerLen = footers.length;
-			if (header && !$(header).closest('section, article')[0]) {
-				addRole(header, 'banner');
-			}
-			if (!footerLen) {
-				return;
+	}
+	
+	webshims.defineNodeNameProperties('track', {
+		kind: {
+			attr: Modernizr.track ? {
+				set: function(value){
+					var trackData = webshims.data(this, 'trackData');
+					this.setAttribute('data-kind', value);
+					if(trackData){
+						trackData.attrKind = value;
+					}
+				},
+				get: function(){
+					var trackData = webshims.data(this, 'trackData');
+					if(trackData && ('attrKind' in trackData)){
+						return trackData.attrKind;
+					}
+					return this.getAttribute('kind');
+				}
+			} : {},
+			reflect: true,
+			propType: 'enumarated',
+			defaultValue: 'subtitles',
+			limitedTo: ['subtitles', 'captions', 'descriptions', 'chapters', 'metadata']
+		}
+	});
+	
+	$.each(copyProps, function(i, copyProp){
+		var name = copyName[copyProp] || copyProp;
+		webshims.onNodeNamesPropertyModify('track', copyProp, function(){
+			var trackData = webshims.data(this, 'trackData');
+			var track = this;
+			if(trackData){
+				if(copyProp == 'kind'){
+					refreshTrack(this, trackData);
+				}
+				if(!supportTrackMod){
+					trackData.track[name] = $.prop(this, copyProp);
+				}
+				clearTimeout(trackData.changedTrackPropTimer);
+				trackData.changedTrackPropTimer = setTimeout(function(){
+					$(track).trigger('updatesubtitlestate');
+				}, 1); 
 			}
-			var footer = footers[footerLen - 1];
-			if (!$(footer).closest('section, article')[0]) {
-				addRole(footer, 'contentinfo');
+		});
+	});		
+	
+	
+	webshims.onNodeNamesPropertyModify('track', 'src', function(val){
+		if(val){
+			var data = webshims.data(this, 'trackData');
+			var media;
+			if(data){
+				media = $(this).closest('video, audio');
+				if(media[0]){
+					mediaelement.loadTextTrack(media, this, data);
+				}
 			}
 		}
+		
 	});
 	
-})(jQuery, document);
-
-jQuery.webshims.register('details', function($, webshims, window, doc, undefined, options){
-	var isInterActiveSummary = function(summary){
-		var details = $(summary).parent('details');
-		if(details[0] && details.children(':first').get(0) === summary){
-			return details;
+	//
+	
+	webshims.defineNodeNamesProperties(['track'], {
+		ERROR: {
+			value: 3
+		},
+		LOADED: {
+			value: 2
+		},
+		LOADING: {
+			value: 1
+		},
+		NONE: {
+			value: 0
+		},
+		readyState: {
+			get: function(){
+				return ($.prop(this, 'track') || {readyState: 0}).readyState;
+			},
+			writeable: false
+		},
+		track: {
+			get: function(){
+				return mediaelement.createTextTrack($(this).closest('audio, video')[0], this);
+			},
+			writeable: false
 		}
-	};
+	}, 'prop');
 	
-	var bindDetailsSummary = function(summary, details){
-		summary = $(summary);
-		details = $(details);
-		var oldSummary = $.data(details[0], 'summaryElement');
-		$.data(summary[0], 'detailsElement', details);
-		if(!oldSummary || summary[0] !== oldSummary[0]){
-			if(oldSummary){
-				if(oldSummary.hasClass('fallback-summary')){
-					oldSummary.remove();
-				} else {
-					oldSummary
-						.unbind('.summaryPolyfill')
-						.removeData('detailsElement')
-						.removeAttr('role')
-						.removeAttr('tabindex')
-						.removeAttr('aria-expanded')
-						.removeClass('summary-button')
-						.find('span.details-open-indicator')
-						.remove()
-					;
+	webshims.defineNodeNamesProperties(['audio', 'video'], {
+		textTracks: {
+			get: function(){
+				var media = this;
+				var baseData = webshims.data(media, 'mediaelementBase') || webshims.data(media, 'mediaelementBase', {});
+				var tracks = mediaelement.createTrackList(media, baseData);
+				if(!baseData.blockTrackListUpdate){
+					updateMediaTrackList.call(media, baseData, tracks);
 				}
+				return tracks;
+			},
+			writeable: false
+		},
+		addTextTrack: {
+			value: function(kind, label, lang){
+				var textTrack = mediaelement.createTextTrack(this, {
+					kind: dummyTrack.prop('kind', kind || '').prop('kind'),
+					label: label || '',
+					srclang: lang || ''
+				});
+				var baseData = webshims.data(this, 'mediaelementBase') || webshims.data(this, 'mediaelementBase', {});
+				if (!baseData.scriptedTextTracks) {
+					baseData.scriptedTextTracks = [];
+				}
+				baseData.scriptedTextTracks.push(textTrack);
+				updateMediaTrackList.call(this);
+				return textTrack;
+			}
+		}
+	}, 'prop');
+
+	
+	$(document).on('emptied ended updatetracklist', function(e){
+		if($(e.target).is('audio, video')){
+			var baseData = webshims.data(e.target, 'mediaelementBase');
+			if(baseData){
+				clearTimeout(baseData.updateTrackListTimer);
+				baseData.updateTrackListTimer = setTimeout(function(){
+					updateMediaTrackList.call(e.target, baseData);
+				}, 0);
 			}
-			$.data(details[0], 'summaryElement', summary);
-			details.prop('open', details.prop('open'));
 		}
+	});
+	
+	var getNativeReadyState = function(trackElem, textTrack){
+		return textTrack.readyState || trackElem.readyState;
 	};
-	var getSummary = function(details){
-		var summary = $.data(details, 'summaryElement');
-		if(!summary){
-			summary = $('> summary:first-child', details);
-			if(!summary[0]){
-				$(details).prependPolyfill('<summary class="fallback-summary">'+ options.text +'</summary>');
-				summary = $.data(details, 'summaryElement');
-			} else {
-				bindDetailsSummary(summary, details);
+	var stopOriginalEvent = function(e){
+		if(e.originalEvent){
+			e.stopImmediatePropagation();
+		}
+	};
+	var startTrackImplementation = function(){
+		if(webshims.implement(this, 'track')){
+			var shimedTrack = $.prop(this, 'track');
+			var origTrack = this.track;
+			var kind;
+			var readyState;
+			if(origTrack){
+				kind = $.prop(this, 'kind');
+				readyState = getNativeReadyState(this, origTrack);
+				if (origTrack.mode || readyState) {
+					shimedTrack.mode = numericModes[origTrack.mode] || origTrack.mode;
+				}
+				//disable track from showing + remove UI
+				if(kind != 'descriptions'){
+					origTrack.mode = (typeof origTrack.mode == 'string') ? 'disabled' : 0;
+					this.kind = 'metadata';
+					$(this).attr({kind: kind});
+				}
+				
 			}
+			$(this).on('load error', stopOriginalEvent);
 		}
-		return summary;
 	};
-	
-//	var isOriginalPrevented = function(e){
-//		var src = e.originalEvent;
-//		if(!src){return e.isDefaultPrevented();}
-//		
-//		return src.defaultPrevented || src.returnValue === false ||
-//			src.getPreventDefault && src.getPreventDefault();
-//	};
-	
-	webshims.createElement('summary', function(){
-		var details = isInterActiveSummary(this);
-		if(!details || $.data(this, 'detailsElement')){return;}
-		var timer;
-		var stopNativeClickTest;
-		var tabindex = $.attr(this, 'tabIndex') || '0';
-		bindDetailsSummary(this, details);
-		$(this)
-			.on({
-				'focus.summaryPolyfill': function(){
-					$(this).addClass('summary-has-focus');
-				},
-				'blur.summaryPolyfill': function(){
-					$(this).removeClass('summary-has-focus');
-				},
-				'mouseenter.summaryPolyfill': function(){
-					$(this).addClass('summary-has-hover');
-				},
-				'mouseleave.summaryPolyfill': function(){
-					$(this).removeClass('summary-has-hover');
-				},
-				'click.summaryPolyfill': function(e){
-					var details = isInterActiveSummary(this);
-					if(details){
-						if(!stopNativeClickTest && e.originalEvent){
-							stopNativeClickTest = true;
-							e.stopImmediatePropagation();
-							e.preventDefault();
-							$(this).trigger('click');
-							stopNativeClickTest = false;
-							return false;
-						} else {
-							clearTimeout(timer); 
-							
-							timer = setTimeout(function(){
-								if(!e.isDefaultPrevented()){
-									details.prop('open', !details.prop('open'));
-								}
-							}, 0);
-						}
-					}
-				},
-				'keydown.summaryPolyfill': function(e){
-					if( (e.keyCode == 13 || e.keyCode == 32) && !e.isDefaultPrevented()){
-						stopNativeClickTest = true;
-						e.preventDefault();
-						$(this).trigger('click');
-						stopNativeClickTest = false;
+	webshims.addReady(function(context, insertedElement){
+		var insertedMedia = insertedElement.filter('video, audio, track').closest('audio, video');
+		$('video, audio', context)
+			.add(insertedMedia)
+			.each(function(){
+				updateMediaTrackList.call(this);
+			})
+			.each(function(){
+				if(Modernizr.track){
+					var shimedTextTracks = $.prop(this, 'textTracks');
+					var origTextTracks = this.textTracks;
+					if(shimedTextTracks.length != origTextTracks.length){
+						webshims.error("textTracks couldn't be copied");
 					}
+					
+					$('track', this).each(startTrackImplementation);
 				}
 			})
-			.attr({tabindex: tabindex, role: 'button'})
-			.prepend('<span class="details-open-indicator" />')
 		;
-		webshims.moveToFirstEvent(this, 'click');
+		insertedMedia.each(function(){
+			var media = this;
+			var baseData = webshims.data(media, 'mediaelementBase');
+			if(baseData){
+				clearTimeout(baseData.updateTrackListTimer);
+				baseData.updateTrackListTimer = setTimeout(function(){
+					updateMediaTrackList.call(media, baseData);
+				}, 9);
+			}
+		});
 	});
 	
-	var initDetails;
-	webshims.defineNodeNamesBooleanProperty('details', 'open', function(val){
-		var summary = $($.data(this, 'summaryElement'));
-		if(!summary){return;}
-		var action = (val) ? 'removeClass' : 'addClass';
-		var details = $(this);
-		if (!initDetails && options.animate){
-			details.stop().css({width: '', height: ''});
-			var start = {
-				width: details.width(),
-				height: details.height()
-			};
-		}
-		summary.attr('aria-expanded', ''+val);
-		details[action]('closed-details-summary').children().not(summary[0])[action]('closed-details-child');
-		if(!initDetails && options.animate){
-			var end = {
-				width: details.width(),
-				height: details.height()
-			};
-			details.css(start).animate(end, {
-				complete: function(){
-					$(this).css({width: '', height: ''});
-				}
-			});
-		}
-		
-	});
-	webshims.createElement('details', function(){
-		initDetails = true;
-		var summary = getSummary(this);
-		$.prop(this, 'open', $.prop(this, 'open'));
-		initDetails = false;
-	});
-});
+	if(Modernizr.track){
+		$('video, audio').trigger('trackapichange');
+	}
+});