Définition et utilisation attribut src
LES BALISES HTMLL'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 :
Sélectionner 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
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 :
Sélectionner 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 audioRetour à l'accueil du site
Par carabde 10 mars 2014
La méthode secrète likes sans fin sur Facebook
Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.
GAGNER DE L'ARGENTGRÂCE À FACEBOOK
N'A JAMAIS ÉTÉ SI FACILE
Consulter
