JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Concurrent Audio Test</title>
</head>
<body>

<div>
  <audio id="p1" controls>
    <source src="http://jPlayer.org/audio/mp3/Miaow-01-Tempered-song.mp3" type="audio/mpeg">
    <source src="http://jPlayer.org/audio/ogg/Miaow-01-Tempered-song.ogg" type="audio/ogg">
  </audio>
</div>
<div>
  <audio id="p2" controls>
    <source src="http://jPlayer.org/audio/mp3/Miaow-02-Hidden.mp3" type="audio/mpeg">
    <source src="http://jPlayer.org/audio/ogg/Miaow-02-Hidden.ogg" type="audio/ogg">
  </audio>
</div>
<div>
  <audio id="p3" controls>
    <source src="http://jPlayer.org/audio/mp3/Miaow-03-Lentement.mp3" type="audio/mpeg">
    <source src="http://jPlayer.org/audio/ogg/Miaow-03-Lentement.ogg" type="audio/ogg">
  </audio>
</div>
<button type="button" id="play">Play All</button>
<script>
window.onload = function(){ 
  document.getElementById('play').onclick = function() {
    document.getElementById('p1').play();
    document.getElementById('p2').play();
    document.getElementById('p3').play();
  };
}
</script>  
</body>
</html>