communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > Questions et réponses frontales > Comment utiliser la balise source de HTML5

Comment utiliser la balise source de HTML5

WBOY
Libérer： 2022-06-01 17:54:19
original
3047 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

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!

Étiquettes associées：
html5
source：php.cn
Article précédent：Que signifie la fonction arc en HTML5 Article suivant：Que signifie td en HTML5
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Comment faire apparaître mon image sur l'écran principal de la page ? Ce que je veux faire, c'est recevoir des photos en utilisant NASAAPI. Ces photos sont ensu...
Depuis 2024-04-06 15:33:12
0
1
433
Les fichiers PDF peuvent-ils exécuter HTML5 et Javascript ? J'ai une idée stupide d'essayer de créer un programme qui ne sera bloqué sur aucun ordinat...
Depuis 2024-04-05 12:57:00
0
1
456
Quelle est la différence entre enctype et formenctype en HTML5 ? Je me demande simplement quelle est la différence entre les attributs enctype et formencty...
Depuis 2024-04-02 11:47:56
0
1
275
Rendre la page adaptée aux mobiles ? J'ai de nombreuses pages Web et quelques sites Web. Le fait est que je suis débutant. J'ut...
Depuis 2024-04-01 20:42:38
0
1
259
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal