Balise HTML <embed>
La balise <embed> sert de conteneur pour les applications externes, le multimédia et le contenu interactif que le navigateur ne comprend pas. Des plug-ins externes ou des programmes spéciaux doivent être installés ou activés pour un affichage correct. L'affichage du contenu intégré dépend du type de fichier, des attributs de la balise <embed> et des plug-ins installés dans le navigateur. Pour le développement web moderne, il est recommandé d'utiliser les balises <video> et <audio> à la place de la balise <embed>.
Pour charger des objets en HTML4, utilisez la balise <object>. Pour une compatibilité plus large, la balise <embed> est souvent placée à l'intérieur de la balise <object>. En HTML5, <embed> est un élément standard, donc les documents qui l'utilisent valident correctement.
TIP
Utilisez la propriété CSS object-position pour corriger le positionnement de l'objet intégré dans le cadre de l'élément.
Syntaxe
La balise <embed> est vide, ce qui signifie que la balise de fermeture n'est pas requise. Mais dans XHTML, la balise <embed> doit être fermée (<embed/>).
Exemple de la balise HTML <embed> pour insérer un logo :
Exemple de la balise HTML <embed>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<embed src="https://fr.w3docs.com/uploads/media/default/0001/01/0710cad7a1017902166203def268a0df2a5fd545.png" />
</body>
</html>Résultat
Exemple de la balise HTML <embed> pour insérer un audio :
Exemple de la balise HTML <embed> pour insérer un audio :
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<embed type="audio/mpeg"
src="https://fr.w3docs.com/build/audios/audio.mp3"
width="200"
height="100" />
</body>
</html>Exemple de la balise HTML <embed> pour insérer une vidéo :
Exemple de la balise HTML <embed> pour insérer une vidéo :
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<embed type="video/mp4"
src="https://fr.w3docs.com/build/videos/arcnet.io(7-sec).mp4"
width="300"
height="200"
title="Arcnet.io video" />
</body>
</html>Attributs
| Attribut | Valeur | Description |
|---|---|---|
| align | left, right, center, justify | Spécifie l'alignement du contenu intégré sur la page et la manière dont il est enroulé autour du texte. |
| height | pixels | Définit la hauteur du contenu intégré. |
| pluginspage | URL | Adresse à partir de laquelle nous pouvons télécharger et installer le plug-in nécessaire. |
| src | URL | Indique le chemin vers le fichier qui sera inséré dans la balise <embed>. |
| type | MIME-type | Définit le type MIME (spécification pour la transmission sur le réseau de fichiers de différents types) du contenu intégré. |
| vspace | pixels | Définit l'indentation verticale entre le contenu intégré et le contenu environnant. |
| width | pixels | Définit la largeur du contenu intégré. |
La balise <embed> prend en charge les Attributs globaux et les Attributs d'événement.
Remarque : Les attributs align et vspace sont obsolètes en HTML5. Pour le style et la mise en page modernes, il est recommandé d'utiliser les propriétés CSS width, height et object-position à la place des attributs HTML.
Pratique
Quels sont les cas d'utilisation de la balise HTML <embed> ?