limit the mediaelement-js ui to the existing players

assets/js/lustiges-script.js

@@ -10,16 +10,16 @@ $(function() {
 	if($('.video-wrap').hasClass('has-subtitles'))
 		feat.push('subtitles');
 
-	$('body.room video, body.embed video').mediaelementplayer({
+	$('body.room video.mejs, body.embed video.mejs').mediaelementplayer({
 		features: feat,
 		enableAutosize: true
 	});
 
-	$('body.room audio, body.embed audio').mediaelementplayer({
+	$('body.room audio.mejs, body.embed audio.mejs').mediaelementplayer({
 		features: ['playpause', 'volume', 'current']
 	});
 
-	$('body.relive-player video').mediaelementplayer({
+	$('body.relive-player video.mejs').mediaelementplayer({
 		mode: 'auto_plugin',
 		plugins: ['flash'],
 		flashName: 'flashmediaelement.swf',

template/assemblies/player/audio.phtml

@@ -2,6 +2,7 @@
 	autoplay="autoplay"
 	preload="auto"
 	style="width: 300px;"
+	class="mejs"
 >
 	<source
 		src="<?=h($stream->getAudioUrl('mp3'))?>"

template/assemblies/player/music.phtml

@@ -2,6 +2,7 @@
 	autoplay="autoplay"
 	preload="auto"
 	style="width: 230px;"
+	class="mejs"
 >
 	<source
 		src="<?=h($stream->getMusicUrl('mp3'))?>"

template/assemblies/player/relive.phtml

@@ -5,7 +5,7 @@
 		width="<?=h($width)?>"
 		height="<?=h($height)?>"
 		style="width: 100%; height: 100%;"
-		class="relive"
+		class="relive mejs"
 	>
 		<source
 			src="<?=h(forceproto($talk['playlist']))?>"

template/assemblies/player/slides.phtml

@@ -5,6 +5,7 @@
 		width="<?=h($stream->getVideoWidth())?>"
 		height="<?=h($stream->getVideoHeight())?>"
 		style="width: 100%; height: 100%;"
+		class="mejs"
 	>
 		<source
 			data-plugin-type="native"

template/assemblies/player/video.phtml

@@ -11,6 +11,7 @@
 		width="<?=h($stream->getVideoWidth())?>"
 		height="<?=h($stream->getVideoHeight())?>"
 		style="width: 100%; height: 100%;"
+		class="mejs"
 	>
 		<source
 			data-plugin-type="native"