Comment utiliser la balise source de HTML5-Questions et réponses frontales-php.cn

Comment utiliser la balise source de HTML5

WBOY

Libérer： 2022-06-01 17:54:19

original

2942 Les gens l'ont consulté

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>

Copier après la connexion

Résultats de sortie :

Comment utiliser la balise source de HTML5