HTML embed
La etiqueta <embed> en HTML es utilizada para insertar contenido multimedia de terceros en una página web, como videos de YouTube, mapas de Google Maps, animaciones de Flash, etc.
Es un elemento de bloque que permite especificar la fuente del contenido multimedia y configurar opciones como el tamaño, el formato y la compatibilidad con dispositivos.
Ejemplo de uso
Aquí tienes un ejemplo de cómo se utiliza:
<embed src="https://www.youtube.com/embed/dQw4w9WgXcQ" width="320" height="240" allowfullscreen>
Lenguaje del código: HTML, XML (xml)En este ejemplo se está usando un video de YouTube con ID dQw4w9WgXcQ con tamaño de 320×240 y se podrá ver a pantalla completa.
Otro ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>Mi video</title>
</head>
<body>
<h1>Este es mi video favorito</h1>
<embed src="https://www.example.com/videos/myvideo.mp4" width="640" height="360"></embed>
</body>
</html>
Lenguaje del código: HTML, XML (xml)En este ejemplo, se está usando la etiqueta <embed> para insertar un video alojado en «https://www.example.com/videos/myvideo.mp4». El atributo “width” y “height” establecen el tamaño del video en 640×360 píxeles.
Atributos
Los atributos soportados por la etiqueta <embed> en HTML son:
- src: especifica la URL del recurso multimedia a incrustar.
- type: especifica el tipo de medio, como “video/mp4” o “application/pdf”.
- width y height: especifican las dimensiones del contenedor de incrustación en píxeles.
- allowfullscreen: permite que el contenido multimedia se pueda ver a pantalla completa.
- autoplay: define si el contenido multimedia debe reproducirse automáticamente al cargar la página.
- loop: define si el contenido multimedia debe reproducirse en bucle.
- autostart: Este atributo define si el contenido multimedia se iniciará automáticamente al cargar la página. Los valores posibles son “true” o “false”.
- controls: Este atributo define si se mostrarán controles para reproducir, detener, etc. Los valores posibles son “true” o “false”.
pluginspage: especifica la URL donde se pueden descargar los complementos necesarios para ver el contenido multimedia
Sin embargo, es importante mencionar que algunos de estos atributos pueden no ser soportados por todos los navegadores y algunos pueden ser obsoletos.
Más ejemplos
Aquí te muestro algunos ejemplos de cómo utilizar los atributos de la etiqueta <embed> en HTML:
- Ejemplo de uso de src:
<embed src="https://www.example.com/videos/myvideo.mp4"></embed><span style="background-color: rgb(255, 255, 255); color: initial;"></span>
Lenguaje del código: HTML, XML (xml)En este ejemplo, se está especificando la ubicación del video a insertar en la página web.
- Ejemplo de uso de width y height:
<embed src="https://www.example.com/videos/myvideo.mp4" width="640" height="360"></embed>
Lenguaje del código: HTML, XML (xml)En este ejemplo, se está especificando el tamaño del video en 640×360 píxeles.
- Ejemplo de uso de type:
<embed src="https://www.example.com/audio/mysong.mp3" type="audio/mpeg"></embed>
Lenguaje del código: HTML, XML (xml)En este ejemplo, se está especificando que el archivo multimedia es un audio en formato MP3.
- Ejemplo de uso de autostart:
<embed src="https://www.example.com/videos/myvideo.mp4" autostart="true"></embed>
Lenguaje del código: HTML, XML (xml)En este ejemplo, se está especificando que el video se reproducirá automáticamente al cargar la página.
- Ejemplo de uso de loop:
<embed src="https://www.example.com/audio/mysong.mp3" loop="true"></embed>
Lenguaje del código: HTML, XML (xml)En este ejemplo, se está especificando que el audio se reproducirá en bucle.
- Ejemplo de uso de controls:
<embed src="https://www.example.com/videos/myvideo.mp4" controls="true"></embed>
Lenguaje del código: HTML, XML (xml)En este ejemplo, se está especificando que se mostrarán controles para reproducir, detener, etc.