oujood.com

  HTML <audio> attribut src

L'attribut src spécifie l'emplacement (URL) du fichier audio.

chercher |

Définition et utilisation attribut src

LES BALISES HTML

L'attribut src spécifie l'emplacement (URL) du fichier audio.

Syntaxe

<audio src="URL">

Valeurs d'attribut

Valeur

Description

URL

L'URL du fichier audio. Valeurs possibles : Une URL absolue - pointe vers un autre site web (comme src ="http://www.example.com/horse.ogg)" Une URL relative - pointe vers un fichier dans un site web (comme src ="horse.ogg)"

Exemple Un lecteur audio :

Exemple :       Copier le code

	  <!DOCTYPE html> 
	  <html lang="fr"> 
	  <head> 
	  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	  <title>html5 demo</title>
	  </head> 
	  <body>
	  <audio controls 
	      src  ="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga"> 
	    Votre navigateur ne prend pas en charge la balise audio 
	  </audio> 
	  <p><b>Note:</b> Les fichiers .ogg ne sont pas supportés par IE et
	  Safari.</p> 
	  </body> 
	  </html>

Appui de navigateur

Internet ExplorerFirefox OperaGoogle ChromeSafari

L'attribut src est pris en charge dans tous les principaux navigateurs.

Cependant, le format de fichier défini ne sera pas gérée dans tous les navigateurs.

Remarque : Internet Explorer 8 et versions antérieures, ne supportent pas la balise <audio>.

Exemple

Dans cet exemple on utilise un fichier Ogg qui fonctionnera dans Firefox, Opera et Chrome.

Pour lire le fichier audio dans Internet Explorer et Safari, on doit utiliser un fichier MP3.

Pour qu'il fonctionne dans tous les navigateurs - utilisez l’éléments <source> à l'intérieur de l'élément <audio>.

Les éléments  <source> peuvent lier différents fichiers audio. Le navigateur utilise le premier format reconnu :

Exemple :       Copier le code

	  <!DOCTYPE html> 
	  <html lang="fr"> 
	  <head> 
	  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > 
	  <title>html5 demo</title>
	  </head> 
	  <body> 
	  <p><b>Note:</b> Les fichiers .ogg ne sont pas supportés par IE et
	  Safari.</p> 
	  <audio controls> 
	   <source   src  ="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4" 
	           type='audio/mp4'> 
	   <source   src  ="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga" 
	           type='audio/ogg; codecs=vorbis'> 
	   <p>Votre navigateur ne supporte pas la balise audio.</p> 
	  </audio> 
	  </body> 
	  </html>

Différences entre HTML 4.01 et HTML5

La balise <audio> est nouveau en HTML5.

Retour à la balise audio

Retour à l'accueil du site

Par carabde 10 mars 2014

Voir aussi nos tutoriel :

Balise bdi

Isole une partie de texte qui peuvent être mis en forme dans une direction différente du reste du texte extérieur

HTML et CSS les flottants

HTML et CSS: Les éléments flottants. Position flottante :float...

objet multimédia Windows Media Player

La référence de Windows Media Player.
Référence d’objet multimédia Windows Media Player.