Mise à jour avec la dernière version de http://mediaelementjs.com/ (2.19.0).

Suite à discussion : http://thread.gmane.org/gmane.comp.web.spip.zone/39560

À reporter en 3.1 ?

.gitattributes

@@ -207,7 +207,9 @@ lib/mejs/controls.fw.png -text
 lib/mejs/controls.png -text
 lib/mejs/controls.svg -text
 lib/mejs/flashmediaelement-cdn.swf -text
+lib/mejs/flashmediaelement-debug.swf -text
 lib/mejs/flashmediaelement.swf -text
+lib/mejs/jumpforward.png -text
 lib/mejs/loading.gif -text
 lib/mejs/mediaelement-and-player.js -text
 lib/mejs/mediaelement-and-player.min.js -text
@@ -219,6 +221,7 @@ lib/mejs/mediaelementplayer.min.css -text
 lib/mejs/mediaelementplayer.min.js -text
 lib/mejs/mejs-skins.css -text
 lib/mejs/silverlightmediaelement.xap -text
+lib/mejs/skipback.png -text
 /medias_administrations.php -text
 /medias_autoriser.php -text
 /medias_fonctions.php -text

lib/mejs/mediaelementplayer.css

+.mejs-offscreen{
+/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */
+	position: absolute !important;
+	top: -10000px;
+	left: -10000px;
+	overflow: hidden;
+	width: 1px;
+	height: 1px;
+}
+
 .mejs-container {
 	position: relative;
 	background: #000;
@@ -7,10 +17,12 @@
 	text-indent: 0;
 }
 
+.mejs-container:focus { 
+	outline: none; 
+}
+
 .me-plugin {
 	position: absolute;
-	height: auto;
-	width: auto;
 }
 
 .mejs-embed, .mejs-embed body {
@@ -187,7 +199,7 @@
 	background-image: url(controls.png);
 }
 
-/* :focus for accessibility */
+	/* :focus for accessibility */
 .mejs-controls .mejs-button button:focus {
 	outline: dotted 1px #999;
 }
@@ -200,7 +212,7 @@
 	display: block;
 	height: 17px;
 	width: auto;
-	padding: 8px 3px 0 3px ;
+	padding: 10px 3px 0 3px ;
 	overflow: hidden;
 	text-align: center;
 	-moz-box-sizing: content-box;
@@ -208,7 +220,7 @@
 	box-sizing: content-box;
 }
 
-.mejs-container .mejs-controls .mejs-time span {
+.mejs-container .mejs-controls .mejs-time a {
 	color: #fff;
 	font-size: 11px;
 	line-height: 12px;
@@ -240,7 +252,7 @@
 	padding-top: 5px;
 }
 
-.mejs-controls .mejs-time-rail span {
+.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
 	display: block;
 	position: absolute;
 	width: 180px;
@@ -475,10 +487,13 @@
 }
 
 /* horizontal version */
-.mejs-controls div.mejs-horizontal-volume-slider {
+.mejs-controls a.mejs-horizontal-volume-slider {
 	height: 26px;
-	width: 60px;
+	width: 56px;
 	position: relative;
+    display: block;
+    float: left;
+    vertical-align: middle;
 }
 
 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
@@ -887,7 +902,7 @@ div.mejs-speed-button {
 }
 
 .mejs-controls .mejs-speed-button .mejs-speed-selector {
-	visibility: hidden;
+	display: none;
 	position: absolute;
 	top: -100px;
 	left: -10px;
@@ -903,8 +918,9 @@ div.mejs-speed-button {
 	border-radius: 0;
 }
 
+
 .mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
-	visibility: visible;
+	display: block;
 }
 
 .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
@@ -952,3 +968,34 @@ div.mejs-speed-button {
 	background-color: rgba(255,255,255,.4) !important;
 }
 /* End: Speed */
+
+/* Start: Jump Forward */
+
+.mejs-controls .mejs-button.mejs-jump-forward-button {
+	background: transparent url(jumpforward.png) no-repeat;
+	background-position: 3px 3px;
+}
+.mejs-controls .mejs-button.mejs-jump-forward-button button {
+	background: transparent;
+	font-size: 9px;
+	line-height: normal;
+	color: #ffffff;
+}
+
+/* End: Jump Forward */
+
+/* Start: Skip Back */
+
+.mejs-controls .mejs-button.mejs-skip-back-button {
+	background: transparent url(skipback.png) no-repeat;
+	background-position: 3px 3px;
+}
+.mejs-controls .mejs-button.mejs-skip-back-button button {
+	background: transparent;
+	font-size: 9px;
+	line-height: normal;
+	color: #ffffff;
+}
+
+/* End: Skip Back */
+

paquet.xml

 <paquet
 	prefix="medias"
 	categorie="multimedia"
-	version="2.11.0"
+	version="2.12.0"
 	etat="stable"
 	compatibilite="[3.2.0-dev;]"
 	logo="prive/themes/spip/images/portfolio-32.png"