logo oujood
🔍

  HTML <audio> — L'attribut src

L'attribut src indique au navigateur où trouver le fichier audio à lire. URL absolue ou relative, formats supportés et exemples concrets.

OUJOOD.COM

L'attribut src de la balise audio

LES BALISES HTML

L'attribut src indique au navigateur où trouver le fichier audio à lire. C'est l'équivalent de l'attribut src d'une image : on lui donne un chemin, il se charge du reste. Sans lui, la balise <audio> affiche bien un lecteur, mais rien à jouer.

Pour une compatibilité maximale en 2026, le format MP3 reste le choix le plus sûr — tous les navigateurs modernes le supportent nativement. Le format OGG/Vorbis fonctionne dans Firefox et Chrome, mais pas dans Safari. Le format WAV est non compressé et donc lourd — à éviter pour des fichiers longs.

Syntaxe

  📋 Copier le code

<audio src="URL"></audio>

Valeurs de l'attribut

Valeur

Description

URL absolue

Pointe vers un fichier sur un autre serveur. Exemple : src="https://exemple.com/musique.mp3"

URL relative

Pointe vers un fichier hébergé sur le même site. Exemple : src="audio/musique.mp3"

Exemple — Lecteur audio simple

L'attribut controls est indispensable ici : sans lui, le lecteur reste invisible. L'attribut src pointe directement vers le fichier à lire.

  📋 Copier le code

<audio controls src="audio/musique.mp3">
  Votre navigateur ne prend pas en charge la balise audio.
</audio>

Le texte entre les balises <audio> et </audio> sert de message de remplacement pour les rares navigateurs qui ne supportent pas cette balise — en pratique, tous les navigateurs modernes la prennent en charge en 2026.

Compatibilité des formats audio

L'attribut src fonctionne dans tous les navigateurs modernes. Le vrai sujet, c'est le format du fichier pointé — tous ne sont pas supportés partout :

Format

Support en 2026

MP3

Supporté par tous les navigateurs modernes — à privilégier

OGG / Vorbis

Supporté par Chrome et Firefox, pas par Safari

WAV

Supporté largement mais déconseillé pour les fichiers longs (non compressé)

AAC

Bien supporté, notamment sur Safari et les appareils Apple

Exemple — Plusieurs sources avec <source>

Quand on veut couvrir tous les navigateurs avec un seul lecteur, la bonne pratique est de remplacer l'attribut src direct par des balises <source> imbriquées. Le navigateur parcourt la liste et joue le premier format qu'il reconnaît.

  📋 Copier le code

<audio controls>
  <source src="audio/musique.mp3" type="audio/mpeg">
  <source src="audio/musique.ogg" type="audio/ogg">
  <p>Votre navigateur ne supporte pas la balise audio.</p>
</audio>

Astuce  Astuce : Placez toujours le fichier MP3 en premier dans la liste — c'est le format le plus universellement supporté. Le navigateur s'arrête au premier format reconnu et ne charge pas les suivants.

← Retour à la balise audio

[NAV_PRECEDENT]    Sommaire    [NAV_SUIVANT]

Par carabde | 10 mars 2014 | Mis à jour le 3 juin 2026