Index: src/wp-includes/js/mediaelement/wp-mediaelement.css
===================================================================
--- src/wp-includes/js/mediaelement/wp-mediaelement.css	(revision 28020)
+++ src/wp-includes/js/mediaelement/wp-mediaelement.css	(working copy)
@@ -106,6 +106,11 @@
 	line-height: 1.5;
 }
 
+.wp-playlist-item .wp-playlist-caption {
+	text-decoration: none;
+	color: #000;
+}
+
 .wp-playlist-item-meta {
 	display: block;
 	font-size: 14px;
Index: src/wp-includes/js/mediaelement/wp-playlist.js
===================================================================
--- src/wp-includes/js/mediaelement/wp-playlist.js	(revision 28020)
+++ src/wp-includes/js/mediaelement/wp-playlist.js	(working copy)
@@ -107,6 +107,8 @@
 		},
 
 		clickTrack : function (e) {
+			e.preventDefault();
+
 			this.index = this.$( '.wp-playlist-item' ).index( e.currentTarget );
 			this.setCurrent();
 		},
Index: src/wp-includes/media.php
===================================================================
--- src/wp-includes/media.php	(revision 28020)
+++ src/wp-includes/media.php	(working copy)
@@ -1027,7 +1027,7 @@
 </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,7 +1037,7 @@
 				<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>
 		<# } #>