diff --git a/content/static/style/default.css b/content/static/style/default.css
index 4be34c4d1..808708e69 100644
--- a/content/static/style/default.css
+++ b/content/static/style/default.css
@@ -576,6 +576,14 @@ a[href$="calendar.html"]:before {
   padding-right: 0.3em;
 }
 
+li audio, li video {
+  max-width: 100%;
+  margin: 0;
+  padding: 0;
+  color: #333;
+  background: none;
+}
+
 /* -- Search Engine -- */
 div.search div.estform {
   margin: 0.8em 1.0em; padding: 0em 1.0em;
diff --git a/xsl/xhtml5.xsl b/xsl/xhtml5.xsl
index 430161fdf..b394f7c45 100644
--- a/xsl/xhtml5.xsl
+++ b/xsl/xhtml5.xsl
@@ -374,6 +374,8 @@
     <xsl:call-template name="resource-item"/>
 
     <xsl:apply-templates select="alternative" mode="resources-in-news"/>
+
+    <xsl:call-template name="insert-player"/>
   </xsl:template>
 
   <xsl:template match="resource/alternative" mode="resources-in-news">
@@ -404,20 +406,32 @@
         </xsl:call-template>, <xsl:call-template name="format-filesize">
          <xsl:with-param name="value" select="@size"/>
       </xsl:call-template>)
-
-      <!-- Why only http://ftp.c3d2.de/? Because Flash needs a crossdomain.xml there. -->
-      <xsl:if test="@type='audio/mpeg' and starts-with($href, 'http://ftp.c3d2.de/')">
-        <br/>
-        <object type="application/x-shockwave-flash"
-                data="{$baseurl}script/dewplayer-mini.swf?mp3={$href}&amp;showtime=1"
-                width="150" height="20">
-          <param name="wmode" value="transparent"/>
-          <param name="allowScriptAccess" value="always"/>
-          <param name="movie"
-                 value="{$baseurl}script/dewplayer-mini.swf?mp3={$href}&amp;showtime=1"/>
-        </object>
-      </xsl:if>
     </li>
   </xsl:template>
 
+  <xsl:template name="insert-player">
+    <xsl:if test="@type='audio/mpeg' or @type='application/ogg' or
+		  count(resource[@type='audio/mpeg' or @type='application/ogg']) &gt; 0">
+      <li>
+	<audio preload="none" controls="controls">
+	  <source src="{@url}" type="{@type}"/>
+	  <xsl:for-each select="alternative">
+	    <source src="{@url}" type="{@type}"/>
+	  </xsl:for-each>
+	</audio>
+      </li>
+    </xsl:if>
+    <xsl:if test="@type='video/webm' or @type='video/ogg' or @type='video/mp4' or
+		  count(resource[@type='video/webm' or @type='video/ogg' or @type='video/mp4']) &gt; 0">
+      <li>
+	<video preload="none" controls="controls">
+	  <source src="{@url}" type="{@type}"/>
+	  <xsl:for-each select="alternative">
+	    <source src="{@url}" type="{@type}"/>
+	  </xsl:for-each>
+	</video>
+      </li>
+    </xsl:if>
+  </xsl:template>
+
 </xsl:stylesheet>