Lire plusisieurs mp3 en html css ou js

Bonjour tout le monde,
je suis nouveau dans le developpement. Depuis quelques heures je suis coincé à trouver une solution pour lire plusieurs fichiers mp3 en cliquant UN SEUL bouton.
La balise <audio> ne lit qu'un seul fichier apparemment.
Merci d'avance pour vos aides.

aucun de ces codes ne marche :

<audio  controls autoplay="auto">
      <source src="Audio/Alpha.mp3"  type="audio/mpeg">
      <source src="Audio/ni.mp3" type="audio/mpeg">
      <source src="Audio/Celou.mp3" type="audio/mpeg">
</audio>

A :


B :

<audio  controls autoplay="auto">
      <source src="Audio/Alpha.mp3"  type="audio/mpeg">
</audio>
<audio  controls autoplay="auto">
     <source src="Audio/ni.mp3" type="audio/mpeg">
</audio>
<audio  controls autoplay="auto">
    <source src="Audio/Celou.mp3" type="audio/mpeg">
</audio>

Salut, ben si ton 2ème code fonctionne, ça peut très certainement être optimisé mais pour l'exemple :

<button onclick="playAudio()" type="button">Play Audio</button>
<button onclick="pauseAudio()" type="button">Pause Audio</button>

<audio  controls autoplay="auto">
    <source src="01.mp3" type="audio/mpeg">
</audio>
<audio  controls autoplay="auto">
    <source src="02.mp3" type="audio/mpeg">
</audio>
<audio  controls autoplay="auto">
    <source src="03.mp3" type="audio/mpeg">
</audio>

var x = document.getElementsByTagName("audio")[0];
var y = document.getElementsByTagName("audio")[1];
var z = document.getElementsByTagName("audio")[2];

x.pause();
y.pause(); 
z.pause(); 

function playAudio() { 
  x.play();
  y.play();
  z.play(); 
} 

function pauseAudio() { 
  x.pause(); 
  y.pause(); 
  z.pause(); 
}