"."/> ".">
recherche

Maison >interface Web >Questions et réponses frontales >Comment utiliser la balise source de HTML5

Comment utiliser la balise source de HTML5

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBoriginal
2022-06-01 17:54:193124parcourir

En HTML5, la balise source est utilisée pour fournir différents types de fichiers vidéo ou audio que le navigateur peut choisir. La syntaxe est "".

Comment utiliser la balise source de HTML5

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.

balise source HTML5

définit les ressources multimédias pour les éléments multimédias (tels que et

vous permet de spécifier deux fichiers vidéo/audio que le navigateur doit choisir en fonction de son type de média ou de sa prise en charge du codec.

Les valeurs d'attribut possibles sont les suivantes :

  • media media_query spécifie le type de ressource multimédia permettant au navigateur de décider de télécharger ou non.

  • src URL spécifie l'URL du fichier multimédia.

  • type MIME_type spécifie le type MIME de la ressource multimédia.

  • tailles Différentes mises en page définissent différentes tailles d'image.

  • srcset URL doit être utilisée lorsqu'elle est appliquée à la balise Spécifiez les URL d’images à utiliser dans différentes situations.

L'exemple est le suivant :

Lecteur audio avec deux fichiers sources. Le navigateur doit sélectionner le fichier source qu'il prend en charge (si les deux sont pris en charge, sélectionnez-en un) : 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
</body>
</html>

Résultats de sortie :

Comment utiliser la balise source de HTML5

Tutoriel recommandé : "Tutoriel vidéo HTML"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Que signifie la fonction arc en HTML5Article suivant：Que signifie la fonction arc en HTML5

Articles Liés

Voir plus