diff --git a/src/wp-includes/js/mediaelement/wp-mediaelement.css b/src/wp-includes/js/mediaelement/wp-mediaelement.css
index 31a2f2d79d..c67bdb4a7c 100644
--- a/src/wp-includes/js/mediaelement/wp-mediaelement.css
+++ b/src/wp-includes/js/mediaelement/wp-mediaelement.css
@@ -1,3 +1,7 @@
+.mejs-container * {
+ font-family: Helvetica, Arial;
+}
+
.mejs-container, .mejs-embed, .mejs-embed body {
background: #000;
}
@@ -59,8 +63,8 @@
border: 1px solid #ccc;
padding: 10px;
margin: 12px 0 18px;
- font-size: 85%;
- line-height: 160%;
+ font-size: 14px;
+ line-height: 1.5;
}
.wp-playlist video {
@@ -92,46 +96,47 @@
}
.wp-playlist-caption {
- max-width: 85%;
+ max-width: 90%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
+ font-size: 14px;
+ line-height: 1.5;
}
-.wp-caption-meta {
+.wp-playlist-item-meta {
display: block;
+ font-size: 14px;
+ line-height: 1.5;
}
-.wp-caption-title {
- font-size: 100%;
+.wp-playlist-item-title {
+ font-size: 14px;
+ line-height: 1.5;
}
-.wp-caption-album {
+.wp-playlist-item-album {
font-style: italic;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
-.wp-caption-artist {
- font-size: 85%;
+.wp-playlist-item-artist {
+ font-size: 12px;
text-transform: uppercase;
}
-.wp-caption-by {
- font-size: 65%;
- font-weight: bold;
-}
-
.wp-playlist-item-length {
position: absolute;
right: 3px;
top: 0;
+ font-size: 14px;
+ line-height: 1.5;
}
.wp-playlist-tracks {
margin-top: 10px;
- border-top: 1px solid #ccc;
}
.wp-playlist-item {
@@ -141,6 +146,10 @@
border-bottom: 1px solid #ccc;
}
+.wp-playlist-item:last-child {
+ border-bottom: 0;
+}
+
.wp-playlist-light .wp-playlist-item {
color: #333;
}
@@ -175,10 +184,12 @@
max-width: 60px;
height: auto;
margin-right: 10px;
+ padding: 0;
+ border: 0;
}
-.wp-playlist-current-item .wp-caption-title,
-.wp-playlist-current-item .wp-caption-artist {
+.wp-playlist-current-item .wp-playlist-item-title,
+.wp-playlist-current-item .wp-playlist-item-artist {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
diff --git a/src/wp-includes/media.php b/src/wp-includes/media.php
index 4b4fd956c8..47c64312ad 100644
--- a/src/wp-includes/media.php
+++ b/src/wp-includes/media.php
@@ -1019,9 +1019,9 @@ function wp_underscore_playlist_templates() {
<# } #>