Elemento embed

Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.

Descripción

El elemento embed provee los medios para insertar acplicaciones externas, típicamente aquellas que requieren un plugin, en el documento.

Este elemento, introducido por Netscape 2 y luego adoptado por Internet Explorer 3 (a principio de los 90), no ha sido nunca parte de un estándar HTML. Sin embargo, ha sido muy bien soportado por todos los navegadores del mercado y frecuentemente utilizado en múltiples sitios web, principalmente, para insertar películas de Flash. Al estar tan bien soportado, básicamente gracias a su longevidad, el elemento embed era la primera opción cuando los autores necesitaban incrustar películas Flash en sus documentos, a pesar del hecho de que nunca ha sido reglamentario. Esto, sumado a las defectuosas e irregulares implementaciones del elemento object, ha llevado a HTML5 a incluirlo en la especificación.

Este elemento acepta cualquier atributo definido por el usuario que no concuerde con otros nombres de atributos en la especificación. Los valores de estos atributos serán pasados a la aplicación que el elemento incruste como parámetros.

El uso de cualquiera de los atributos tradicionales (name, align, hspace y vspace) está prohibido, por producir efectos secundarios inapropiados.

Ejemplos

El uso más popular para el elemento embed es el de ejecutar películas Flash dentro de un documento. Este ejemplo reproduce exactamente esa situación. Además de los cuatro atributos estándar (src, type, width y height), proveeremos dos más (quality y wmode) que serán pasados al plugin como parámetros, con el fin de indicarle que utilice una calidad alta y un fondo transparente en la película.

La representación apropiada de este y el próximo ejemplo depende exclusivamente de la disponibilidad de los plugins necesarios en el navegador del visitante. Esta es una desventaja del contenido incrustado, ya que los plugins no son siempre globalmente soportados.

<p>Apenas puedo ver. ¿Podrías prender la luz por favor?</p>
<embed src="../../../flash/light-bulb.swf" type="application/x-shockwave-flash" width="180" height="350" quality="high" wmode="transparent">

Apenas puedo ver. ¿Podrías prender la luz por favor?

En el segundo ejemplo, insertatremos un archivo MIDI. Este es otro tipo habitual de recurso que depende de un plugin. Recuerda que si no tienes el plugin instalado en tu navegador no te será posible acceder a los recursos insertados con embed.

Aquí, los atributos width y height han sido omitidos (ya que no son necesarios) con la finalidad de dejar al plugin decidir las dimensiones apropiadas para mostrar los controles. Asimismo, un atributo personalizado ha sido establecido (autostart) para indicarle al plugin que debería iniciar la reproducción del archivo automáticamente.

<p>Aquí tienes la versión MIDI de "Aire para la cuerda de sol".</p>
<embed src="../../../audio/Bach_Air_on_the_G_string.mid" type="audio/mid" autostart="false">

Aquí tienes la versión MIDI de "Aire para la cuerda de sol".

Atributos

Atributos específicos

src

El URI del recurso que será incrustado por este elemento y ejecutado por el plugin.

Este atributo es obligatorio si el atributo itemprop está presente en el elemento embed, ya que se utiliza para determinar el valor de la propiedad.

Ejemplo

<embed src="suite-en-g-menor.mid"></embed>

type

El tipo de contenido (o Tipo de medio de Internet) del recurso especificado en el atributo src.

Si los dos atributos, src y type son declarados, el último debe coincidir con el los metadatos content-type provistos por el recurso en src.

Ejemplo

<embed src="suite-en-g-menor.mid" type="audio/mid"></embed>

width

Un número de píxeles que indica el ancho del elemento. Si este atributo es omitido se usará un valor por defecto.

Ejemplo

<embed src="commercial.swf" height="640" height="480"></embed>

height

Un número de píxeles que indica la altura del elemento. Si este atributo es omitido se usará un valor por defecto.

Ejemplo

<embed src="menu.swf" height="150"></embed>

Atributos globales

Para más información acerca de los atributos globales refiérete a esta lista de atributos gloables en HTML5.

Eventos

Eventos globales

Para más información acerca de los eventos globales refiérete a esta lista de eventos globales en HTML5.