[yelp-xsl] html.xsl: Use media controls for audio as well

[Shaun McCance <shaunm src gnome org>]

commit 2014471f9b333fb63a02d44cc42ff7bac9967ee8
Author: Shaun McCance <shaunm gnome org>
Date:   Sun Nov 4 15:33:58 2012 -0500

    html.xsl: Use media controls for audio as well

 xslt/common/html.xsl |   10 ++++++++--
 1 files changed, 8 insertions(+), 2 deletions(-)
---
diff --git a/xslt/common/html.xsl b/xslt/common/html.xsl
index e2d5bc9..75e3684 100644
--- a/xslt/common/html.xsl
+++ b/xslt/common/html.xsl
@@ -1257,6 +1257,12 @@ div.media-controls {
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
 }
+div.media-controls-audio {
+  border-top: solid 1px </xsl:text><xsl:value-of select="$color.text"/><xsl:text>;;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
 button.media-play {
   height: 24px;
   padding: 0 2px 0 2px; line-height: 0;
@@ -1845,7 +1851,7 @@ function yelp_init_video (element) {
   var video = $(element);
   video.removeAttr('controls');
 
-  var controls = $('<div class="media-controls"></div>');
+  var controls = $('<div class="media-controls media-controls-' + element.nodeName + '"></div>');
   var playControl = $('<button class="media-play"></button>').attr({
     'data-play-label': video.attr('data-play-label'),
     'data-pause-label': video.attr('data-pause-label'),
@@ -1959,7 +1965,7 @@ function yelp_init_video (element) {
   });
 };
 $(document).ready(function () {
-  $('video.media-block').each(function () { yelp_init_video(this) });;
+  $('video.media-block, audio.media-block').each(function () { yelp_init_video(this) });;
 });
 ]]></xsl:text>
 </xsl:template>