Etiqueta HTML <embed>
La etiqueta <embed> se utiliza como contenedor para aplicaciones externas, multimedia y contenido interactivo que el navegador no comprende. Deben instalarse o habilitarse complementos externos o programas especiales para una visualización correcta. La visualización del contenido incrustado depende del tipo de archivo, los atributos de la etiqueta <embed> y los complementos instalados en el navegador. Para el desarrollo web moderno, se recomienda utilizar las etiquetas <video> y <audio> en lugar de la etiqueta <embed>.
Para cargar objetos en HTML4, utiliza la <object> etiqueta. Para una mayor compatibilidad, la etiqueta <embed> a menudo se coloca dentro de la etiqueta <object>. En HTML5, <embed> es un elemento estándar, por lo que los documentos que la utilizan validan correctamente.
éxito
Utiliza la propiedad CSS
object-positionpara corregir la posición del objeto incrustado dentro del marco del elemento.
Sintaxis
La etiqueta <embed> es vacía, lo que significa que no se requiere la etiqueta de cierre. Pero en XHTML, la etiqueta <embed> debe cerrarse (<embed/>).
Ejemplo de la etiqueta HTML <embed> para colocar un logotipo:
Ejemplo de la etiqueta HTML <embed>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<embed src="https://es.w3docs.com/uploads/media/default/0001/01/0710cad7a1017902166203def268a0df2a5fd545.png" />
</body>
</html>Resultado
Ejemplo de la etiqueta HTML <embed> para insertar audio:
Ejemplo de la etiqueta HTML <embed> para insertar audio:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<embed type="audio/mpeg"
src="https://es.w3docs.com/build/audios/audio.mp3"
width="200"
height="100" />
</body>
</html>Ejemplo de la etiqueta HTML <embed> para insertar video:
Ejemplo de la etiqueta HTML <embed> para insertar video:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<embed type="video/mp4"
src="https://es.w3docs.com/build/videos/arcnet.io(7-sec).mp4"
width="300"
height="200"
title="Arcnet.io video" />
</body>
</html>Atributos
| Atributo | Valor | Descripción |
|---|---|---|
| align | left, right, center, justify | Especifica la alineación del contenido incrustado en la página y la forma en que se envuelve alrededor del texto. |
| height | píxeles | Define la altura del contenido incrustado. |
| pluginspage | URL | Dirección desde la cual podemos descargar e instalar el complemento necesario. |
| src | URL | Indica la ruta al archivo que se insertará en la etiqueta <embed>. |
| type | MIME-type | Define el tipo MIME (especificación para la transmisión en red de archivos de varios tipos) del contenido incrustado. |
| vspace | píxeles | Define el margen vertical desde el contenido incrustado hasta el circundante. |
| width | píxeles | Define el ancho del contenido incrustado. |
La etiqueta <embed> admite los Atributos globales y los Atributos de eventos.
Nota: Los atributos align y vspace están obsoletos en HTML5. Para un estilo y diseño modernos, se recomienda utilizar las propiedades CSS width, height y object-position en lugar de los atributos HTML.
Práctica
¿Cuáles son los casos de uso de la etiqueta HTML <embed>?