webshims-rails 1.14.1 → 1.14.3

data/vendor/assets/javascripts/webshims/shims/jme/b.js

@@ -3,13 +3,19 @@ webshims.register('jme', function($, webshims, window, doc, undefined){
 	var props = {};
 	var fns = {};
 	var slice = Array.prototype.slice;
-
+	var readyLength = 0;
 	var options = $.extend({selector: '.mediaplayer'}, webshims.cfg.mediaelement.jme);
+	var baseSelector = options.selector;
+	
 	webshims.cfg.mediaelement.jme = options;
 
 
 	$.jme = {
+		pluginsClasses: [],
+		pluginsSel: '',
 		plugins: {},
+		props: props,
+		fns: fns,
 		data: function(elem, name, value){
 			var data = $(elem).data('jme') || $.data(elem, 'jme', {});
 			if(value === undefined){
@@ -18,6 +24,16 @@ webshims.register('jme', function($, webshims, window, doc, undefined){
 				data[name] = value;
 			}
 		},
+		runPlugin: function(sel){
+			if(readyLength){
+				$(document.querySelectorAll(baseSelector)).each(function(){
+					var controls = this.querySelectorAll(sel);
+					if(controls.length){
+						$(this).jmeFn('addControls', controls);
+					}
+				});
+			}
+		},
 		registerPlugin: function(name, plugin){
 			this.plugins[name] = plugin;
 			if(!plugin.nodeName){
@@ -27,6 +43,10 @@ webshims.register('jme', function($, webshims, window, doc, undefined){
 				plugin.className = name;
 			}
 
+			this.pluginsClasses.push('.'+plugin.className);
+
+			this.pluginsSel = this.pluginsClasses.join(', ');
+
 			options[name] = $.extend(plugin.options || {}, options[name]);
 
 			if(options[name] && options[name].text){
@@ -34,6 +54,7 @@ webshims.register('jme', function($, webshims, window, doc, undefined){
 			} else if(options.i18n && options.i18n[name]){
 				plugin.text = options.i18n[name];
 			}
+			this.runPlugin('.'+plugin.className);
 		},
 		defineMethod: function(name, fn){
 			fns[name] = fn;
@@ -100,10 +121,8 @@ webshims.register('jme', function($, webshims, window, doc, undefined){
 	};
 
 
-	var baseSelector = options.selector;
-
 	$.jme.initJME = function(context, insertedElement){
-		$(baseSelector, context).add(insertedElement.filter(baseSelector)).jmePlayer();
+		readyLength += $(context.querySelectorAll(baseSelector)).add(insertedElement.filter(baseSelector)).jmePlayer().length;
 	};
 
 
@@ -286,7 +305,9 @@ webshims.register('jme', function($, webshims, window, doc, undefined){
 						base.attr('data-volume', volume);
 					})
 				;
-
+				if($.jme.pluginsSel){
+					base.jmeFn('addControls', $(base[0].querySelectorAll($.jme.pluginsSel)));
+				}
 				if(mediaUpdateFn){
 					media.on('updateJMEState', mediaUpdateFn).triggerHandler('updateJMEState');
 				}
@@ -365,37 +386,51 @@ webshims.register('jme', function($, webshims, window, doc, undefined){
 		if(!data.media){return;}
 		var oldControls = $.jme.data(data.player[0], 'controlElements') || $([]);
 		controls = $(controls);
-		$.each($.jme.plugins, function(name, plugin){
-			controls
-				.filter('.'+plugin.className)
-				.add(controls.find('.'+plugin.className))
-				.each(function(){
-					var control = $(this);
-					var options = $.jme.data(this);
+		if($.jme.pluginsSel){
+			controls = controls.find($.jme.pluginsSel).add(controls.filter($.jme.pluginsSel));
+		}
+		if(controls.length){
+			$.each($.jme.plugins, function(name, plugin){
+				var control, options, i, opt;
+				var pluginControls = controls.filter('.'+plugin.className);
+
+				for(i = 0; i < pluginControls.length; i++){
+					control = $(pluginControls[i]);
+					options = $.jme.data(pluginControls[i]);
 					options.player = data.player;
 					options.media = data.media;
-					if(options._rendered){return;}
-					options._rendered = true;
+					if(!options._rendered){
+						options._rendered = true;
 
-					if(plugin.options){
-						$.each(plugin.options, function(option, value){
-							if(!(option in options)){
-								options[option] = value;
+						if(plugin.options){
+							for(opt in plugin.options){
+								if(!(opt in options)){
+									options[opt] = plugin.options[opt];
+								}
 							}
-						});
-					}
-					plugin._create(control, data.media, data.player, options);
-					control = null;
-				})
-			;
-		});
+						}
 
-		$.jme.data(data.player[0], 'controlElements', oldControls.add(controls));
+						plugin._create(control, data.media, data.player, options);
+					}
+				}
 
-		data.player.triggerHandler('controlsadded');
-	});
+			});
 
+			$.jme.data(data.player[0], 'controlElements', oldControls.add(controls));
 
+			data.player.triggerHandler('controlsadded');
+		}
+	});
+	webshims.isReady('jme', true);
 	webshims.addReady($.jme.initJME);
 	webshims._polyfill(['mediaelement']);
+	webshims.isReady('jme-base', true);
+
+	if(webshims.cfg.debug !== false){
+		$(function(){
+			if(document.getElementsByTagName('video').length && !document.querySelector(baseSelector)){
+				webshims.warn("found video element but video wasn't wrapped inside a ."+ baseSelector +" element. Will not add control UI");
+			}
+		});
+	}
 });

data/vendor/assets/javascripts/webshims/shims/jme/c.js

@@ -4,7 +4,8 @@ webshims.register('mediacontrols', function($, webshims, window){
 
 	var options = webshims.cfg.mediaelement.jme;
 	var baseSelector = options.selector;
-
+	var jme = $.jme;
+	var unknowStructure = '<div class="{%class%}"></div>'
 	var btnStructure = '<button class="{%class%}" type="button" aria-label="{%text%}"></button>';
 	var slideStructure = '<div class="{%class%} media-range"></div>';
 	var timeStructure = '<div  class="{%class%}">00:00</div>';
@@ -12,10 +13,14 @@ webshims.register('mediacontrols', function($, webshims, window){
 	var noVolumeClass = (function(){
 		var audio;
 		var ret = '';
-		if(typeof window.Audio == 'function'){
-			audio = new Audio();
-			audio.volume = 0.55;
-			ret = audio.volume = 0.55 ? '' : ' no-volume-api';
+
+		if(window.Audio){
+			try {
+				audio = new Audio();
+				audio.volume = 0.55;
+				ret = ((Math.round(audio.volume * 100) / 100) == 0.55) ? '' : ' no-volume-api';
+			} catch(e){}
+
 		}
 		return ret;
 	})();
@@ -30,8 +35,12 @@ webshims.register('mediacontrols', function($, webshims, window){
 			}
 			if(!cache[template] || invalidCache){
 				cache[template] = template.replace(regTemplate, function(match, matchName){
-					var plugin = $.jme.plugins[matchName];
-					if(plugin && plugin.structure){
+					var plugin = jme.plugins[matchName];
+					if(plugin){
+						if(!plugin.structure){
+							webshims.warn('no structure option provided for plugin: '+ matchName +'. Fallback to standard div');
+							plugin.structure = unknowStructure;
+						}
 						return plugin.structure.replace('{%class%}', matchName).replace('{%text%}', plugin.text || '');
 					}
 					return match;
@@ -41,7 +50,7 @@ webshims.register('mediacontrols', function($, webshims, window){
 			return cache[template] || '';
 		};
 	})();
-
+	var ios6 = /iP(hone|od|ad)/i.test(navigator.platform) && parseInt(((navigator.appVersion).match(/OS (\d+)_\d+/) || ['','8'])[1], 10) < 7;
 	var loadLazy = function(){
 		if(!loadLazy.loaded){
 			loadLazy.loaded = true;
@@ -67,13 +76,6 @@ webshims.register('mediacontrols', function($, webshims, window){
 		return rfn;
 	};
 
-	if(!options.barTemplate){
-		options.barTemplate = '<div class="play-pause-container">{{play-pause}}</div><div class="playlist-container"><div class="playlist-box">{{playlist-prev}}{{playlist-next}}</div></div><div class="currenttime-container">{{currenttime-display}}</div><div class="progress-container">{{time-slider}}</div><div class="duration-container">{{duration-display}}</div><div class="mute-container">{{mute-unmute}}</div><div class="volume-container">{{volume-slider}}</div><div class="subtitle-container"><div class="subtitle-controls">{{captions}}</div></div><div class="fullscreen-container">{{fullscreen}}</div>';
-	}
-	if(!options.barStructure){
-		options.barStructure = '<div class="jme-media-overlay"></div><div class="jme-controlbar'+ noVolumeClass +'" tabindex="-1"><div class="jme-cb-box"></div></div>';
-	}
-
 	webshims.loader.addModule('mediacontrols-lazy', {
 		src: 'jme/mediacontrols-lazy'
 	});
@@ -81,43 +83,48 @@ webshims.register('mediacontrols', function($, webshims, window){
 	var userActivity = {
 		_create: lazyLoadPlugin()
 	};
-	$.jme.plugins.useractivity = userActivity;
+	jme.plugins.useractivity = userActivity;
 
-	$.jme.defineProp('controlbar', {
+	jme.defineProp('controlbar', {
 		set: function(elem, value){
 			value = !!value;
 			var controls, playerSize;
-			var data = $.jme.data(elem);
+			var data = jme.data(elem);
 			var controlBar = $('div.jme-mediaoverlay, div.jme-controlbar', data.player);
 			var structure = '';
 			if(value && !controlBar[0]){
 				if(data._controlbar){
 					data._controlbar.appendTo(data.player);
 				} else {
+					if(ios6){
+						data.media.removeAttr('controls');
+						data.media.mediaLoad();
+					}
 					data.media.prop('controls', false);
-
 					structure = getBarHtml();
 					data._controlbar = $( options.barStructure );
 					controlBar = data._controlbar.find('div.jme-cb-box').addClass('media-controls');
-					controls = data._controlbar.filter('.jme-media-overlay').addClass('play-pause');
+					controls = data._controlbar.filter('.jme-media-overlay');
 					controls =  controls.add( controlBar );
 					$(structure).appendTo(controlBar);
 					data._controlbar.appendTo(data.player);
 					data.player.jmeFn('addControls', controls);
 
 					playerSize = (function(){
-						var lastSize;
+						var lastSize = {};
 						var sizes = [
-							{size: 290, name: 'xx-small'},
-							{size: 380, name: 'x-small'},
-							{size: 490, name: 'small'},
-							{size: 756, name: 'medium'},
-							{size: 1024, name: 'large'}
+							{size: 290, name: 'xx-small', names: 's xs xxs'},
+							{size: 380, name: 'x-small', names: 's xs'},
+							{size: 478, name: 'small', names: 's'},
+							{size: 756, name: 'medium', names: 'm'},
+							{size: 1024, name: 'large', names: 'l'},
+							{size: Number.MAX_VALUE, name: 'x-large', names: 'l xl'}
 						];
 
+
 						var len = sizes.length;
 						return function(){
-							var size = 'x-large';
+							var size;
 							var i = 0;
 							var width = data.player.outerWidth();
 							var fSize = Math.max(parseInt(data.player.css('fontSize'), 10) || 16, 13);
@@ -125,14 +132,33 @@ webshims.register('mediacontrols', function($, webshims, window){
 							width = width *  (16 / fSize);
 							for(; i < len; i++){
 								if(sizes[i].size >= width){
-									size = sizes[i].name;
+									size = sizes[i];
 									break;
 								}
 							}
 
-							if(lastSize != size){
+							if(lastSize.name != size.name){
 								lastSize = size;
-								data.player.attr('data-playersize', size);
+								data.player.attr('data-playersize', size.name);
+								data.player.attr('data-playersizes', size.names);
+							}
+						};
+					})();
+					var posterState = (function(){
+						var lastPosterState, lastYoutubeState;
+						var hasFlash = window.swfmini && swfmini.hasFlashPlayerVersion('10.0.3');
+						var regYt = /youtube\.com\/[watch\?|v\/]+/i;
+						return function(){
+							var hasPoster = !!data.media.attr('poster');
+							var hasYt = (hasFlash && hasPoster) ? false : regYt.test(data.media.prop('currentSrc') || '');
+							if(lastPosterState !== hasPoster){
+								lastPosterState = hasPoster;
+								data.player[hasPoster ? 'removeClass' : 'addClass']('no-poster');
+							}
+
+							if(lastYoutubeState !== hasYt){
+								lastYoutubeState = hasYt;
+								data.player[hasYt ? 'addClass' : 'removeClass']('has-ytposter');
 							}
 						};
 					})();
@@ -140,7 +166,10 @@ webshims.register('mediacontrols', function($, webshims, window){
 
 					userActivity._create(data.player, data.media, data.player);
 
+					data.media.on('emptied', posterState);
+
 					playerSize();
+					posterState();
 					webshims.ready('dom-support', function(){
 						data.player.onWSOff('updateshadowdom', playerSize);
 						controls.add(data._controlbar).addClass(webshims.shadowClass);
@@ -155,28 +184,32 @@ webshims.register('mediacontrols', function($, webshims, window){
 		}
 	});
 
-	$.jme.registerPlugin('play-pause', {
-
+	jme.registerPlugin('play-pause', {
 		structure: btnStructure,
 		text: 'play / pause',
 		_create: lazyLoadPlugin()
 	});
 
-	$.jme.registerPlugin('mute-unmute', {
-
+	jme.registerPlugin('mute-unmute', {
 		structure: btnStructure,
 		text: 'mute / unmute',
 		_create: lazyLoadPlugin()
 	});
 
+	jme.registerPlugin('jme-media-overlay', {
+		_create: lazyLoadPlugin()
+	});
+
+
+
 
-	$.jme.registerPlugin('volume-slider', {
+	jme.registerPlugin('volume-slider', {
 		structure: slideStructure,
 
 		_create: lazyLoadPlugin()
 	});
 
-	$.jme.registerPlugin('time-slider', {
+	jme.registerPlugin('time-slider', {
 		structure: slideStructure,
 
 		options: {
@@ -186,12 +219,12 @@ webshims.register('mediacontrols', function($, webshims, window){
 	});
 
 
-	$.jme.defineProp('format', {
+	jme.defineProp('format', {
 		set: function(elem, format){
 			if(!$.isArray(format)){
 				format = format.split(':');
 			}
-			var data = $.jme.data(elem);
+			var data = jme.data(elem);
 			data.format = format;
 			$(elem).triggerHandler('updatetimeformat');
 			data.player.triggerHandler('updatetimeformat');
@@ -199,7 +232,7 @@ webshims.register('mediacontrols', function($, webshims, window){
 		}
 	});
 
-	$.jme.registerPlugin('duration-display', {
+	jme.registerPlugin('duration-display', {
 		structure: timeStructure,
 		options: {
 			format: "mm:ss"
@@ -207,10 +240,10 @@ webshims.register('mediacontrols', function($, webshims, window){
 		_create: lazyLoadPlugin()
 	});
 
-	$.jme.defineProp('countdown', {
+	jme.defineProp('countdown', {
 		set: function(elem, value){
 
-			var data = $.jme.data(elem);
+			var data = jme.data(elem);
 			data.countdown = !!value;
 			$(elem).triggerHandler('updatetimeformat');
 			data.player.triggerHandler('updatetimeformat');
@@ -218,7 +251,7 @@ webshims.register('mediacontrols', function($, webshims, window){
 		}
 	});
 
-	$.jme.registerPlugin('currenttime-display', {
+	jme.registerPlugin('currenttime-display', {
 		structure: timeStructure,
 		options: {
 			format: "mm:ss",
@@ -237,7 +270,7 @@ webshims.register('mediacontrols', function($, webshims, window){
 	 * the old technique wasn't fully bullet proof
 	 * beside this, jme2 adovactes to use the new improved state-classes to handle visual effect on specific state (see CSS change)
 	 */
-	$.jme.registerPlugin('poster-display', {
+	jme.registerPlugin('poster-display', {
 		structure: '<div />',
 		options: {
 		},
@@ -245,7 +278,7 @@ webshims.register('mediacontrols', function($, webshims, window){
 	});
 
 
-	$.jme.registerPlugin('fullscreen', {
+	jme.registerPlugin('fullscreen', {
 
 		options: {
 			fullscreen: true,
@@ -257,7 +290,7 @@ webshims.register('mediacontrols', function($, webshims, window){
 	});
 
 
-	$.jme.registerPlugin('captions', {
+	jme.registerPlugin('captions', {
 		structure: btnStructure,
 		text: 'subtitles',
 		_create: function(control, media, base){
@@ -269,7 +302,14 @@ webshims.register('mediacontrols', function($, webshims, window){
 		}
 	});
 
-	webshims.ready(webshims.cfg.mediaelement.plugins.concat(['mediaelement']), function(){
+	webshims.ready(webshims.cfg.mediaelement.plugins.concat(['mediaelement', 'jme-base']), function(){
+		if(!options.barTemplate){
+			options.barTemplate = '<div class="play-pause-container">{{play-pause}}</div><div class="playlist-container"><div class="playlist-box">{{playlist-prev}}{{playlist-next}}</div></div><div class="currenttime-container">{{currenttime-display}}</div><div class="progress-container">{{time-slider}}</div><div class="duration-container">{{duration-display}}</div><div class="mute-container">{{mute-unmute}}</div><div class="volume-container">{{volume-slider}}</div><div class="subtitle-container"><div class="subtitle-controls">{{captions}}</div></div><div class="fullscreen-container">{{fullscreen}}</div>';
+		}
+		if(!options.barStructure){
+			options.barStructure = '<div class="jme-media-overlay"></div><div class="jme-controlbar'+ noVolumeClass +'" tabindex="-1"><div class="jme-cb-box"></div></div>';
+		}
+
 		webshims.addReady(function(context, insertedElement){
 			$(baseSelector, context).add(insertedElement.filter(baseSelector)).jmeProp('controlbar', true);
 		});

data/vendor/assets/javascripts/webshims/shims/jme/controls.css

@@ -1,12 +1,4 @@
 /* thx to http://icomoon.io */
-@font-face {
-  font-family: 'jme';
-  src: url("jme.eot"); }
-@font-face {
-  font-family: 'jme';
-  src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url("jme.ttf") format("truetype");
-  font-weight: normal;
-  font-style: normal; }
 .mediaplayer[data-state="waiting"] > .jme-media-overlay, .mediaplayer .fullscreen, .mediaplayer .fullscreen.state-exitfullscreen, .mediaplayer[data-state="idle"] > .jme-media-overlay, .mediaplayer button.play-pause, .mediaplayer button.play-pause.state-playing, .mediaplayer .mute-unmute, .mediaplayer[data-volume="medium"] .mute-unmute, .mediaplayer[data-volume="low"] .mute-unmute, .mediaplayer[data-volume="no"] .mute-unmute, .mediaplayer .state-unmute.mute-unmute, .mediaplayer .captions, .mediaplayer .subtitle-menu button[aria-checked="true"], .mediaplayer .subtitle-menu button, .mediaplayer .playlist-next, .mediaplayer .playlist-prev, .mediaplayer[data-state="ended"] > .jme-media-overlay {
   font-family: 'jme';
   speak: none;
@@ -18,129 +10,163 @@
   zoom: 1;
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale; }
+  -moz-osx-font-smoothing: grayscale;
+}
 
 .mediaplayer[data-state="waiting"] > .jme-media-overlay:before {
-  content: "\e612"; }
+  content: "\e612";
+}
 
 .mediaplayer .fullscreen:before {
-  content: "\e604"; }
+  content: "\e604";
+}
 
 .mediaplayer .fullscreen.state-exitfullscreen:before {
-  content: "\e605"; }
+  content: "\e605";
+}
 
 .mediaplayer[data-state="idle"] > .jme-media-overlay:before {
-  content: "\e608"; }
+  content: "\e608";
+}
 
 .mediaplayer button.play-pause:before {
-  content: "\e60a"; }
+  content: "\e60a";
+}
 
 .mediaplayer button.play-pause.state-playing:before {
-  content: "\e60b"; }
+  content: "\e60b";
+}
 
 .mediaplayer .mute-unmute:before {
-  content: "\e60c"; }
+  content: "\e60c";
+}
 
 .mediaplayer[data-volume="medium"] .mute-unmute:before {
-  content: "\e60d"; }
+  content: "\e60d";
+}
 
 .mediaplayer[data-volume="low"] .mute-unmute:before {
-  content: "\e60e"; }
+  content: "\e60e";
+}
 
 .mediaplayer[data-volume="no"] .mute-unmute:before {
-  content: "\e60f"; }
+  content: "\e60f";
+}
 
 .mediaplayer .state-unmute.mute-unmute:before {
-  content: "\e610"; }
+  content: "\e610";
+}
 
 .mediaplayer .captions:before {
-  content: "\e600"; }
+  content: "\e600";
+}
 
 .mediaplayer .subtitle-menu button[aria-checked="true"]:before {
-  content: "\e616"; }
+  content: "\e616";
+}
 
 .mediaplayer .subtitle-menu button:before {
-  content: "\e617"; }
+  content: "\e617";
+}
 
 .mediaplayer .playlist-next:before {
-  content: "\e602"; }
+  content: "\e602";
+}
 
 .mediaplayer .playlist-prev:before {
-  content: "\e603"; }
+  content: "\e603";
+}
 
 .mediaplayer[data-state="ended"] > .jme-media-overlay:before {
-  content: "\e601"; }
+  content: "\e601";
+}
 
+@font-face {
+  font-family: 'jme';
+  src: url("jme.eot");
+}
+@font-face {
+  font-family: 'jme';
+  src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url("jme.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
 @keyframes jmespin {
   0% {
     -webkit-transform: rotate(0deg);
-    transform: rotate(0deg); }
+    transform: rotate(0deg);
+  }
 
   100% {
     -webkit-transform: rotate(360deg);
-    transform: rotate(360deg); } }
-.jme-controlbar,
-.jme-controlbar * {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box; }
-
+    transform: rotate(360deg);
+  }
+}
 .jme-controlbar {
   display: table;
-  width: 100%; }
+  width: 100%;
+}
 
 .jme-cb-box {
-  display: table-row; }
-  .jme-cb-box > * {
-    display: table-cell;
-    padding: 0.21875em;
-    vertical-align: middle; }
-  .jme-cb-box .progress-container {
-    width: 100%; }
-  .jme-cb-box .mute-container {
-    padding-right: 0.0625em; }
-  .jme-cb-box .volume-container {
-    padding-left: 0.0625em; }
+  display: table-row;
+}
+.jme-cb-box > div {
+  display: table-cell;
+  padding: 0.21875em;
+  vertical-align: middle;
+}
+.jme-cb-box .progress-container {
+  width: 100%;
+}
+.jme-cb-box .mute-container {
+  padding-right: 0.0625em;
+}
+.jme-cb-box .volume-container {
+  padding-left: 0.0625em;
+}
 
-[data-playersize="x-small"] > .jme-controlbar,
-[data-playersize="xx-small"] > .jme-controlbar {
-  padding-top: 0.25em; }
-  [data-playersize="x-small"] > .jme-controlbar .time-slider,
-  [data-playersize="xx-small"] > .jme-controlbar .time-slider {
-    position: absolute;
-    top: -0.125em;
-    left: 0;
-    right: 0; }
-  [data-playersize="x-small"] > .jme-controlbar .progress-container,
-  [data-playersize="xx-small"] > .jme-controlbar .progress-container {
-    width: auto; }
-    [data-playersize="x-small"] > .jme-controlbar .progress-container:before,
-    [data-playersize="xx-small"] > .jme-controlbar .progress-container:before {
-      content: "/"; }
-  [data-playersize="x-small"] > .jme-controlbar .duration-container,
-  [data-playersize="xx-small"] > .jme-controlbar .duration-container {
-    width: 100%; }
+[data-playersizes~="xs"] > .jme-controlbar {
+  padding-top: 0.25em;
+}
+[data-playersizes~="xs"] > .jme-controlbar .time-slider {
+  position: absolute;
+  top: -0.125em;
+  left: 0;
+  right: 0;
+}
+[data-playersizes~="xs"] > .jme-controlbar .progress-container {
+  width: auto;
+}
+[data-playersizes~="xs"] > .jme-controlbar .progress-container:before {
+  content: "/";
+}
+[data-playersizes~="xs"] > .jme-controlbar .duration-container {
+  width: 100%;
+}
 
 [data-playersize="xx-small"] > .jme-controlbar .progress-container:before {
-  content: ""; }
+  content: "";
+}
 [data-playersize="xx-small"] > .jme-controlbar .duration-display,
 [data-playersize="xx-small"] > .jme-controlbar .volume-container {
-  display: none; }
+  display: none;
+}
 
 .mediaplayer {
   position: relative;
   display: block;
   width: 512px;
-  font-size: 16px; }
-  .mediaplayer video {
-    display: block;
-    width: 100%;
-    height: auto; }
+  font-size: 16px;
+}
+.mediaplayer video {
+  display: block;
+  width: 100%;
+  height: auto;
+}
 
-.audioplayer .media-controls .fullscreen-container,
-.mobile .media-controls .volume-container,
-.mobile.no-fullscreen .media-controls .fullscreen-container {
-  display: none; }
+.audioplayer .media-controls .fullscreen-container {
+  display: none;
+}
 
 .mediaplayer button {
   overflow: visible;
@@ -149,10 +175,12 @@
   padding: 0;
   border: 0;
   font-size: inherit;
-  outline: none; }
+  outline: none;
+}
 .mediaplayer button::-moz-focus-inner {
   padding: 0;
-  border: 0; }
+  border: 0;
+}
 .mediaplayer > .jme-media-overlay {
   position: absolute;
   top: 0;
@@ -161,43 +189,62 @@
   bottom: 0;
   font-size: 400%;
   color: #f6f6f6;
-  text-align: center; }
-  .mediaplayer > .jme-media-overlay:before {
-    position: absolute;
-    display: block;
-    width: 1em;
-    height: 1em;
-    top: 50%;
-    left: 50%;
-    margin: -0.5em 0 0 -0.5em;
-    text-shadow: 0 0 0.4em rgba(0, 0, 0, 0.6); }
+  text-align: center;
+}
+.mediaplayer > .jme-media-overlay:before {
+  position: absolute;
+  display: block;
+  width: 1em;
+  height: 1em;
+  top: 50%;
+  left: 50%;
+  margin: -0.5em 0 0 -0.5em;
+  text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
+}
+.mediaplayer[data-playersize="x-large"] > .jme-media-overlay {
+  font-size: 550%;
+}
 .mediaplayer[data-playersize="large"] > .jme-media-overlay {
-  font-size: 450%; }
+  font-size: 450%;
+}
 .mediaplayer[data-playersize="small"] > .jme-media-overlay {
-  font-size: 350%; }
+  font-size: 350%;
+}
 .mediaplayer[data-playersize="x-small"] > .jme-media-overlay {
-  font-size: 300%; }
+  font-size: 300%;
+}
 .mediaplayer[data-playersize="xx-small"] > .jme-media-overlay {
-  font-size: 240%; }
+  font-size: 240%;
+}
 .mediaplayer[data-state="idle"] {
-  cursor: pointer; }
+  cursor: pointer;
+}
+.mediaplayer[data-state="idle"].has-ytposter > .jme-media-overlay:before {
+  content: "";
+}
 .mediaplayer[data-state="ended"] {
-  cursor: pointer; }
+  cursor: pointer;
+}
 .mediaplayer[data-state="waiting"] {
-  cursor: default; }
-  .mediaplayer[data-state="waiting"] > .jme-media-overlay {
-    animation-name: jmespin;
-    animation-iteration-count: infinite;
-    animation-duration: 1100ms;
-    animation-timing-function: linear; }
+  cursor: default;
+}
+.mediaplayer[data-state="waiting"] > .jme-media-overlay {
+  animation-name: jmespin;
+  animation-iteration-count: infinite;
+  animation-duration: 1100ms;
+  animation-timing-function: linear;
+}
 .mediaplayer[data-state="playing"][data-useractivity="false"] .jme-controlbar {
   opacity: 0;
-  visibility: hidden; }
+  visibility: hidden;
+}
 .mediaplayer .cue-display span.cue-wrapper {
   transition: bottom 300ms;
-  bottom: 0; }
+  bottom: 0;
+}
 .mediaplayer[data-state="playing"][data-useractivity="false"] .cue-display span.cue-wrapper {
-  bottom: -35px; }
+  bottom: -35px;
+}
 .mediaplayer > .jme-controlbar {
   position: absolute;
   left: 0;
@@ -209,191 +256,248 @@
   background: #333;
   background: rgba(0, 0, 0, 0.6);
   color: #e1e1e1;
-  transition: all 300ms; }
-  .mediaplayer > .jme-controlbar button {
-    display: inline-block;
-    color: inherit;
-    width: 1.5em;
-    height: 1.5em;
-    cursor: pointer;
-    text-align: center;
-    transition: color 400ms;
-    text-shadow: 0 0 0.1em #000; }
-    .mediaplayer > .jme-controlbar button:hover, .mediaplayer > .jme-controlbar button:focus {
-      color: #fefefe; }
-    .mediaplayer > .jme-controlbar button:active {
-      color: #fff; }
-    .mediaplayer > .jme-controlbar button[disabled] {
-      color: #ccc;
-      cursor: default;
-      cursor: not-allowed; }
+  transition: all 300ms;
+}
+.mediaplayer > .jme-controlbar button {
+  display: inline-block;
+  color: inherit;
+  width: 1.5em;
+  height: 1.5em;
+  cursor: pointer;
+  text-align: center;
+  transition: color 400ms;
+}
+.mediaplayer > .jme-controlbar button:hover, .mediaplayer > .jme-controlbar button:focus {
+  color: #fefefe;
+}
+.mediaplayer > .jme-controlbar button:active {
+  color: #fff;
+}
+.mediaplayer > .jme-controlbar button[disabled] {
+  color: #ccc;
+  cursor: default;
+  cursor: not-allowed;
+}
 .mediaplayer .currenttime-display,
 .mediaplayer .duration-display,
 .mediaplayer .time-select {
   font-size: 81.3%;
   font-family: sans-serif;
-  margin-top: 0.03em; }
+  margin-top: 0.03em;
+}
 .mediaplayer .playlist-container {
-  display: none; }
+  display: none;
+}
 .mediaplayer.has-playlist .playlist-container {
-  display: table-cell; }
+  display: table-cell;
+}
 .mediaplayer .playlist-box {
-  width: 3.09em; }
+  width: 3.09em;
+}
 .mediaplayer .no-volume-api .volume-container,
 .mediaplayer .no-volume-api .mute-container {
-  padding: 0; }
+  padding: 0;
+}
 .mediaplayer .no-volume-api .mute-unmute,
 .mediaplayer .no-volume-api .volume-slider {
-  display: none; }
+  display: none;
+}
 .mediaplayer .captions[role="checkbox"] {
-  color: #999; }
-  .mediaplayer .captions[role="checkbox"][aria-checked="true"] {
-    color: inherit; }
+  color: #999;
+}
+.mediaplayer .captions[role="checkbox"][aria-checked="true"] {
+  color: inherit;
+}
 .mediaplayer[data-tracks="0"] .subtitle-container {
-  display: none; }
+  display: none;
+}
 .mediaplayer[data-tracks="1"] .captions[aria-haspopup],
 .mediaplayer[data-tracks="1"] .subtitle-menu {
-  display: none; }
+  display: none;
+}
 .mediaplayer[data-tracks="many"] .captions[role="checkbox"] {
-  display: none; }
+  display: none;
+}
 .mediaplayer .subtitle-controls {
   position: relative;
-  zoom: 1; }
+  zoom: 1;
+}
 .mediaplayer .subtitle-menu {
   position: absolute;
   bottom: 1.75em;
   margin-bottom: 10px;
   width: 400px;
   right: -0.625em;
-  visibility: hidden; }
-  .mediaplayer .subtitle-menu ul, .mediaplayer .subtitle-menu li {
-    margin: 0;
-    padding: 0;
-    list-style: none; }
-  .mediaplayer .subtitle-menu button {
-    position: relative;
-    zoom: 1;
-    width: auto;
-    height: auto;
-    padding: 2px;
-    font-size: 81.3%; }
-    .mediaplayer .subtitle-menu button:before {
-      display: inline-block;
-      vertical-align: middle;
-      padding: 0 5px 0 0; }
-  .mediaplayer .subtitle-menu > div {
-    position: relative;
-    zoom: 1;
-    visibility: hidden;
-    float: right;
-    padding: 0.1875em 0.3125em 0.3125em;
-    background: #333;
-    opacity: 0;
-    transform: translateY(30%);
-    transition: all 200ms; }
-    .mediaplayer .subtitle-menu > div:after {
-      content: " ";
-      position: absolute;
-      display: block;
-      bottom: -0.625em;
-      right: 0.8125em;
-      width: 0px;
-      height: 0px;
-      border-style: solid;
-      border-width: 0.625em 0.5em 0 0.5em;
-      border-color: #333 transparent transparent transparent; }
-  .mediaplayer .subtitle-menu.visible-menu > div {
-    visibility: visible;
-    opacity: 1;
-    transform: translateY(0); }
+  visibility: hidden;
+}
+.mediaplayer .subtitle-menu ul, .mediaplayer .subtitle-menu li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.mediaplayer .subtitle-menu button {
+  position: relative;
+  zoom: 1;
+  width: auto;
+  height: auto;
+  padding: 2px;
+  font-size: 81.3%;
+}
+.mediaplayer .subtitle-menu button:before {
+  display: inline-block;
+  vertical-align: middle;
+  padding: 0 5px 0 0;
+}
+.mediaplayer .subtitle-menu > div {
+  position: relative;
+  zoom: 1;
+  visibility: hidden;
+  float: right;
+  padding: 0.1875em 0.3125em 0.3125em;
+  background: #333;
+  background: rgba(0, 0, 0, 0.6);
+  opacity: 0;
+  transform: translateY(30%);
+  transition: all 200ms;
+}
+.mediaplayer .subtitle-menu > div:after {
+  content: " ";
+  position: absolute;
+  display: block;
+  bottom: -0.625em;
+  right: 0.8125em;
+  width: 0px;
+  height: 0px;
+  border-style: solid;
+  border-width: 0.625em 0.5em 0 0.5em;
+  border-color: #333 transparent transparent transparent;
+  border-color: rgba(0, 0, 0, 0.6) transparent transparent transparent;
+}
+.mediaplayer .subtitle-menu.visible-menu > div {
+  visibility: visible;
+  opacity: 1;
+  transform: translateY(0);
+}
 .mediaplayer .buffer-progress {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
-  border-radius: 0.1875em;
-  overflow: hidden; }
+  overflow: hidden;
+}
 .mediaplayer .buffer-progress-indicator {
   cursor: pointer;
   height: 100%;
   background: #bbb;
-  border-radius: 0.1875em; }
+  background: rgba(255, 255, 255, 0.2);
+}
 .mediaplayer .media-range {
   position: relative;
   zoom: 1;
   height: 0.4375em;
   border: 1px solid #999;
+  border-color: rgba(255, 255, 255, 0.4);
   outline: none;
-  border-radius: 0.1875em; }
+}
 .mediaplayer .ws-range-progress,
 .mediaplayer .ws-range-track,
 .mediaplayer .ws-range-thumb,
 .mediaplayer .time-select {
   position: absolute;
-  display: block; }
+  display: block;
+}
 .mediaplayer .time-select {
   display: inline-block;
-  margin: 0 0 4px -1.55em;
-  padding: 0.25em 0.125em 0.125em;
-  min-width: 2.8em;
+  width: 0;
+  overflow: hidden;
   text-align: center;
-  bottom: 0.5625em;
   visibility: hidden;
   opacity: 0;
   transition: 400ms opacity, 400ms visibility;
   background: #333;
   background: rgba(0, 0, 0, 0.6);
-  color: #eee; }
-  .mediaplayer .time-select.show-time-select {
-    opacity: 1;
-    visibility: visible; }
+  color: #eee;
+}
+.mediaplayer .time-select.show-time-select {
+  margin: 0 0 4px -1.55em;
+  padding: 0.25em 0.125em 0.125em;
+  min-width: 2.8em;
+  opacity: 1;
+  visibility: visible;
+  bottom: 1.25em;
+}
 .mediaplayer .ws-range-track {
   top: 0;
   left: 0;
-  bottom: 0; }
+  bottom: 0;
+}
 .mediaplayer .ws-range-progress {
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   cursor: pointer;
   background: #e1e1e1;
+  background: rgba(255, 255, 255, 0.3);
   left: 0;
   height: 100%;
-  border-radius: 0.1875em 0 0 0.1875em; }
+}
 .mediaplayer .ws-range-thumb {
-  background: #f1f1f1;
   cursor: pointer;
-  border-radius: 50%;
-  width: 0.6875em;
-  height: 0.6875em; }
+  width: 0.5625em;
+  height: 0.5625em;
+  background: #f1f1f1;
+  background: rgba(255, 255, 255, 0.9);
+}
+.mediaplayer [aria-disabled="true"] .ws-range-thumb {
+  cursor: default;
+}
 .mediaplayer .ws-focus .ws-range-thumb {
-  background: #fff; }
+  background: #fff;
+}
 .mediaplayer .time-slider .ws-range-thumb {
-  width: 1em;
-  height: 0.6875em;
-  border-radius: 0.1875em; }
+  width: 0.75em;
+}
 .mediaplayer .volume-slider {
-  width: 60px; }
+  width: 60px;
+}
+.mediaplayer[data-playersize="medium"] .volume-slider {
+  width: 80px;
+}
 .mediaplayer[data-playersize="large"] .volume-slider {
-  width: 90px; }
+  width: 110px;
+}
+.mediaplayer[data-playersize="x-large"] .volume-slider {
+  width: 130px;
+}
 .mediaplayer.state-muted .volume-slider .ws-range-progress {
-  width: 0 !important; }
+  width: 0 !important;
+}
 .mediaplayer.state-muted .volume-slider .ws-range-thumb {
-  left: 0 !important; }
+  left: 0 !important;
+}
+.mediaplayer .ws-a11y-focus {
+  outline: 1px dotted #eee;
+  outline: 1px dotted rgba(255, 255, 255, 0.8);
+}
+.mediaplayer .ws-a11y-focus:hover {
+  outline: none;
+}
 
-html.has-media-fullscreen,
-body.has-media-fullscreen {
-  overflow: hidden; }
+.has-media-fullscreen {
+  overflow: hidden;
+}
 
 .player-fullscreen {
   position: fixed !important;
   z-index: 999999;
-  background: #000; }
+  background: #000;
+}
 
-.mediaplayer[data-useractivity="false"][data-state="playing"].player-fullscreen {
-  cursor: none !important; }
-  .mediaplayer[data-useractivity="false"][data-state="playing"].player-fullscreen * {
-    cursor: none !important; }
+.mediaplayer[data-useractivity="false"][data-state="playing"].player-fullscreen,
+.mediaplayer[data-useractivity="false"][data-state="playing"].player-fullscreen .jme-media-overlay,
+.mediaplayer[data-useractivity="false"][data-state="playing"].player-fullscreen .cue-display {
+  cursor: none !important;
+}
 
 .media-fullscreen,
 .player-fullscreen .polyfill-mediaelement,
@@ -406,7 +510,9 @@ body.has-media-fullscreen {
   height: 100% !important;
   max-width: none !important;
   padding: 0 !important;
-  margin: 0 !important; }
+  margin: 0 !important;
+}
 
 .media-fullscreen {
-  position: relative; }
+  position: relative;
+}