Ticket #27644: 27644.2.diff

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

@@ -106 +106 @@
         line-height: 1.5;
 }
 
+.wp-playlist-item .wp-playlist-caption {
+        text-decoration: none;
+        color: #000;
+}
+
 .wp-playlist-item-meta {
         display: block;
         font-size: 14px;

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

@@ -107 +107 @@
                 },
 
                 clickTrack : function (e) {
+                        e.preventDefault();
+
                         this.index = this.$( '.wp-playlist-item' ).index( e.currentTarget );
                         this.setCurrent();
                 },

src/wp-includes/media.php

@@ -1027 +1027 @@
 </script>
 <script type="text/html" id="tmpl-wp-playlist-item">
         <div class="wp-playlist-item">
-                <div class="wp-playlist-caption">
+                <a class="wp-playlist-caption" href="{{ data.src }}">
                         {{ data.index ? ( data.index + '. ' ) : '' }}
                         <# if ( data.caption ) { #>
                                 {{ data.caption }}
@@ -1037 +1037 @@
                                 <span class="wp-playlist-item-artist"> &mdash; {{ data.meta.artist }}</span>
                                 <# } #>
                         <# } #>
-                </div>
+                </a>
                 <# if ( data.meta.length_formatted ) { #>
                 <div class="wp-playlist-item-length">{{ data.meta.length_formatted }}</div>
                 <# } #>