JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Test des Attributes preload</h1>
<p>Test des Browserverhaltens bei verwendung von "preload='none'".</p>
<p>Im roten Rahmen sollten die Audio-Controls sichtbar sein.</p>
<p>
<audio controls="controls" preload="none">
<source src="http://ia700800.us.archive.org/26/items/AaahhRecordsDenmaaahhrkCompilation/08ZombieDreams.ogg" type="audio/ogg"/>
<source src="http://ia700800.us.archive.org/26/items/AaahhRecordsDenmaaahhrkCompilation/08ZombieDreams.mp3" type="audio/mpeg"/>
 Zombie Dreams aus dem Album 
<a href="http://www.aaahh-records.net/denmaaahhrk-compilation/">
 von 
<a href="http://www.aaahh-records.net/">
</audio>
    </p><p about="http://ia700800.us.archive.org/26/items/AaahhRecordsDenmaaahhrkCompilation/08ZombieDreams.ogg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/" xmlns:xhv="http://www.w3.org/1999/xhtml/vocab#"><a href="http://creativecommons.org/licenses/by-nc/3.0/"><img alt="Creative Commons Lizenzvertrag" style="border-width:0" src="http://i.creativecommons.org/l/by-nc/3.0/80x15.png" /></a> <span  href="http://purl.org/dc/dcmitype/Sound" property="dct:title" rel="dct:type">Zombie Dreams</span> aus dem Album <a href="http://www.aaahh-records.net/denmaaahhrk-compilation/" rel="cc:attributionURL">Denmaaahhrk</a> von <a  href="http://www.aaahh-records.net/" property="cc:attributionName" >AAAHHHRCHESTRA</a> steht unter einer <a rel="xhv:license" href="http://creativecommons.org/licenses/by-nc/3.0/">Creative Commons Namensnennung-Nicht-kommerziell 3.0 Unported Lizenz</a>.</p>

<script>
$(document).ready(function(){
 if($.browser.msie)
 {
   $('audio').attr('preload', 'auto');
   $('audio')[0].pause();
 }
});
</script>

CSS

h1 { font-size:1.5 em; margin-bottom:1.5em; }
p { margin-bottom:1em; }
audio { border:1px solid red; }