Load MediaElement's CSS when TinyMCE is loaded via $mce_css in editor_settings(). Add some baseline styles in wp-content.css for audio, video, and embed tags to ensure their max-width is 100%, regardless of whether MEjs is implemented in TinyMCE.

See #27389.



git-svn-id: https://develop.svn.wordpress.org/trunk@27534 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-includes/js/mediaelement/wp-mediaelement.css

@@ -1,5 +1,5 @@
 .mejs-container, .mejs-embed, .mejs-embed body {
-	background: #464646;
+	background: #000;
 }
 
 .mejs-controls .mejs-time-rail .mejs-time-loaded {

src/wp-includes/js/tinymce/skins/wordpress/wp-content.css

@@ -203,6 +203,13 @@ img::selection {
 	outline: 0;
 }
 
+audio,
+video,
+embed {
+	display: -moz-inline-stack;
+	display: inline-block;
+	max-width: 100%;
+}
 
 /**
  * WP Views