¿Cómo insertar cortos de YouTube en una página web? [2026]

Tus mejores vídeos cortos de YouTube no deberían dejar de captar la atención una vez que alguien abandona YouTube. Añadirlos a tu sitio web puede mostrar ese contenido a visitantes que quizás nunca lleguen a tu canal, a la vez que hace que tus páginas sean más atractivas. Puedes insertar vídeos cortos de YouTube en páginas web usando el código de inserción nativo de YouTube cuando quieras mostrar un vídeo individual. Para varios vídeos, un widget puede mostrar vídeos cortos de YouTube en un sitio web como un feed dinámico. Esta guía explica cómo insertar vídeos cortos de YouTube, hacerlos adaptables, añadir varios vídeos cortos y configurarlos en las plataformas web más populares. 

TL; DR

Incrustar cortos de YouTube en el sitio web

YouTube
Channel

YouTube
Lista de reproducción

YouTube
PALABRAS CLAVE

YouTube
Shorts

Probar ahora

Cómo insertar vídeos cortos de YouTube en un sitio web.

El mejor enfoque depende de lo que quieras mostrar. Para insertar vídeos cortos de YouTube individualmente, el código de inserción nativo de YouTube suele ser suficiente. Si quieres añadir vídeos cortos de YouTube a páginas web de forma masiva o mantener el contenido actualizado, un widget puede gestionar el feed por ti. Tampoco necesitas el API de YouTube para estos métodos básicos de incrustación.

Método 1. Usando el código de inserción nativo de YouTube.

El código nativo de YouTube funciona bien cuando se desea insertar videos cortos de YouTube individualmente sin agregar un feed aparte. También es la opción más directa si se busca una forma sencilla de insertar videos cortos de YouTube en una página web.

1. Abre el vídeo corto de YouTube que quieras añadir a tu sitio web.
2. Haz clic con el botón derecho directamente en el vídeo que se está reproduciendo y elige la opción "Copiar código de inserción".
3. Pega el código del iframe en el editor HTML de tu sitio web o en un bloque de código compatible.
4. Ajusta el ancho y la altura del iframe si es necesario, teniendo en cuenta el formato vertical 9:16.
5. Guarda o publica la página y comprueba cómo aparece el texto corto en tu sitio web.

El código de inserción contiene un ID de vídeo único que le indica a YouTube qué corto debe cargar. Si desea insertar otro vídeo más adelante, puede reemplazar el ID del vídeo con el ID del nuevo corto.

Ejemplo de código para insertar vídeos cortos de YouTube

Si quieres insertar vídeos cortos de YouTube manualmente, puedes usar un iframe estándar de YouTube y sustituir el ID del vídeo por el tuyo.

<div style="max-width:315px; aspect-ratio:9/16; margin:0 auto;">
<iframe width="100%"
height="100%"
src="https://www.youtube.com/embed/<Shorts_video_code>"
title="YouTube Short"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
    

Sustituye YOUR_VIDEO_ID por el ID del corto que deseas mostrar. La relación de aspecto 9:16 mantiene el vídeo incrustado adaptado al formato vertical de YouTube Shorts.

Método 2. Incrustar varios vídeos cortos de YouTube mediante un widget.

Si quieres mostrar varios vídeos cortos juntos, añadir códigos iframe individuales puede resultar complicado. Un widget de YouTube Shorts te permite agrupar varios vídeos en una sola pantalla y gestionarlos desde un único lugar.

Por ejemplo, Tagembed Ofrece una opción sin código para crear un feed de YouTube Shorts e integrarlo en tu sitio web. Puedes conectar tu fuente de YouTube, seleccionar los Shorts que deseas mostrar, personalizar su apariencia y, a continuación, añadir el widget generado a tu página.

Este enfoque también puede complementar Herramientas de automatización de YouTube Al darle al contenido que publicas en YouTube otro lugar donde aparecer.

Crea tu feed de YouTube Shorts

1. Regístrate para obtener un Tagembed , o inicie sesión en su cuenta existente.

2. Elija YouTube como su fuente y seleccione Shorts.

3. Introduce la URL del canal de YouTube del que quieres recopilar vídeos cortos.

4. Haga clic en Crear feed y deje Tagembed Obtener los videos disponibles.

5. Revise el contenido recopilado en el editor de widgets antes de publicarlo.

Tu feed de YouTube Shorts conectado luego rellena el widget de YouTube Shorts con los vídeos que deseas mostrar. También puedes usar funciones similares. widgets de redes sociales para incorporar contenido de otras plataformas a tu sitio web.

Personaliza y modera tus pantalones cortos

Una vez que tu feed esté listo, ajusta su apariencia antes de publicarlo.

1. Abra la configuración de personalización o de diseño.
2. Elige un tema y un diseño que se adapten a tu página.
3. Ajusta los estilos de las tarjetas, los fondos, las fuentes y otros elementos visuales.
4. Revisa los vídeos cortos recopilados y oculta todo aquello que no quieras publicar.
5. Utilice la configuración de moderación para filtrar automáticamente el contenido no deseado cuando sea necesario.

Estos ajustes te permiten tener más control sobre lo que ven los visitantes y cómo se integra el widget de YouTube Shorts del sitio web con el resto de la página.

Generar el código de inserción de YouTube Shorts

Tras configurar el feed, genera el código que lo conectará a tu sitio web.

1. Abra el panel de Publicar opción en el editor de widgets.
2. Seleccionar Sitio web como destino de publicación.
3. Elige el diseño o el tipo de galería que deseas utilizar.
4. Si es necesario, configure el ancho y la altura del widget.
5. Haga clic en Generar codigo y copie el código proporcionado.

A continuación, puedes usar este código de inserción de YouTube Shorts en la plataforma web que prefieras. El código de inserción generado para YouTube Shorts incluye la configuración del widget que creaste.

Agregue el widget a su sitio web.

El último paso consiste en colocar el widget donde los visitantes puedan verlo.

1. Abre la página web donde quieras añadir el widget.
2. Busca el elemento HTML, Embed, Code o similar que te proporciona el creador de tu sitio web.
3. Pega el código generado en esa área.
4. Guarda o publica la página.
5. Actualiza la página web y comprueba el widget tanto en ordenadores de escritorio como en dispositivos móviles.

Esto te permite añadir vídeos cortos de YouTube a las páginas web sin tener que añadirlos individualmente. Cuando se actualiza tu feed conectado, el widget de YouTube Shorts para la web refleja el contenido disponible sin necesidad de reemplazar cada vídeo incrustado.

Puedes usar la misma configuración cuando quieras Insertar un canal de YouTube en un sitio web. páginas y muestran más que solo Shorts.

Método 3. Uso de un plugin de WordPress

Un plugin de WordPress puede ser una opción práctica si gestionas tu sitio web principalmente desde el panel de control de WordPress. En lugar de trabajar manualmente con el código de inserción, el plugin se encarga de la conexión y la visualización dentro de WordPress.

Con la función Tagembed Plugin de WordPressPuedes conectar tu contenido de YouTube y añadir el feed resultante a una página de WordPress. Este método funciona especialmente bien si planeas actualizar o gestionar el feed con regularidad.

Método 4. Uso de una aplicación de Shopify

Los usuarios de Shopify pueden usar una aplicación cuando quieran agregar contenido de YouTube sin tener que editar repetidamente el código de su tema.

Con la función Tagembed App ShopifyPuedes conectar tu contenido de YouTube, configurar su apariencia y añadir la visualización resultante a tu tienda. Esto puede ser muy útil para páginas donde quieras mostrar Shorts junto con tus productos u otro contenido de la tienda.

Cómo insertar vídeos cortos de YouTube en diferentes plataformas web

La mayoría de los creadores de sitios web le permiten agregar YouTube Shorts a través de un elemento HTML, incrustado, código o similar. La opción exacta varía según la plataforma, pero el proceso básico sigue siendo el mismo. Si está agregando un feed en lugar de un solo Short, el proceso también puede variar según la plataforma. Por ejemplo, puede utilizar un enfoque dedicado para un Feed de YouTube en Google Sites cuando quieras mostrar varios vídeos juntos. 

Un consejo rápido para una mejor visualización de los pantalones cortos.

YouTube Shorts utiliza un formato vertical de 9:16, así que evita colocarlos dentro de un contenedor de vídeo horizontal. Si el vídeo aparece recortado o deja demasiado espacio en blanco, ajusta el iframe o las dimensiones de su contenedor para que se adapten mejor al formato vertical.

Para los usuarios de dispositivos móviles, utilice un contenedor adaptable en lugar de dimensiones fijas siempre que sea posible. Esto permite que el contenido breve se ajuste al espacio disponible en la pantalla sin afectar al resto de la página.

Código de inserción de YouTube Shorts vs. Widget de YouTube Shorts

Ambas opciones te permiten mostrar vídeos cortos en tu sitio web, pero se adaptan a necesidades diferentes. Un código de inserción de YouTube Shorts funciona bien cuando necesitas mostrar un vídeo específico. Un widget de YouTube Shorts es más adecuado cuando quieres mostrar varios vídeos cortos y gestionarlos desde un solo lugar.

Para mostrar un corto específico, el código de inserción de YouTube Shorts simplifica la configuración. Si publicas cortos con regularidad o quieres mostrar varios vídeos juntos, el widget de YouTube Shorts te ofrece una forma más sencilla de gestionar el contenido a lo largo del tiempo.

Si también quieres incorporar contenido de otras plataformas sociales al mismo sitio web, agregador de redes sociales puede ayudarte a gestionar esas fuentes desde un solo lugar.

Problemas comunes al insertar vídeos cortos de YouTube

Incluso al insertar correctamente los vídeos cortos de YouTube, pueden surgir algunos problemas de visualización o reproducción. Aquí te mostramos los más comunes y cómo solucionarlos.

Aparece en formato corto en el paisaje.

Utilice un contenedor vertical en lugar de un fotograma de vídeo estándar de 16:9. Los cortometrajes utilizan un formato de 9:16, por lo que mantener esa proporción ayuda a preservar la visualización prevista.

Aparecen barras negras alrededor del vídeo.

Esto suele ocurrir cuando el reproductor y su contenedor utilizan relaciones de aspecto diferentes. Ajusta las dimensiones del contenedor y elimina el relleno innecesario alrededor del elemento incrustado.

El texto corto no carga

Comprueba si el vídeo es público y permite su inserción. Los vídeos privados, con restricción de edad o con restricciones de inserción podrían no reproducirse en tu sitio web. Probar con otro vídeo corto público puede ayudarte a confirmar si el problema es específico de este vídeo.

El elemento incrustado no responde.

Las dimensiones fijas del iframe pueden provocar que el contenido breve se desborde o aparezca demasiado pequeño en dispositivos móviles. Utilice un contenedor adaptable que se ajuste al ancho de pantalla disponible.

Las dimensiones del video parecen incorrectas.

Comprueba el ancho y la altura del código de inserción de tus vídeos cortos de YouTube. Un contenedor demasiado ancho o demasiado corto puede hacer que el vídeo se vea estirado, recortado o que queden espacios innecesarios.

Algunos vídeos cortos no se pueden insertar.

No todos los vídeos cortos se pueden reproducir mediante un reproductor integrado. Si la opción de integrar está desactivada o el vídeo tiene restricciones de reproducción, no podrá mostrarlo normalmente en su sitio web. Pruebe con otro vídeo corto para confirmar la restricción.

Ventajas de insertar vídeos cortos de YouTube

La función de vídeos cortos integrados te permite ampliar el valor de tu contenido de vídeo existente a tu sitio web. Los beneficios van más allá de simplemente añadir más elementos visuales a una página.

• Impulsar el compromiso: Los vídeos cortos ofrecen a los visitantes algo rápido que ver mientras navegan. Colocar vídeos cortos relevantes junto al contenido escrito puede dividir las secciones largas y facilitar la exploración de la página.
• Reutilizar contenido: Puedes mostrar vídeos cortos de YouTube en las páginas web sin necesidad de crear vídeos nuevos específicamente para ello. Demostraciones de productos, consejos rápidos, tutoriales y vídeos del detrás de cámaras pueden añadir información útil a las páginas que ya existen.
• Presentación de YouTube: La función "Insertar Shorts" permite a los visitantes de tu sitio web echar un vistazo a lo que publicas en YouTube. Un vídeo útil o interesante puede llevarlos a explorar más tu canal y contribuir a tu comunidad. visualizaciones de vídeos cortos de YouTube.
• Contexto de soporte: Un texto breve puede explicar algo que resulta difícil de comunicar únicamente con palabras. Por ejemplo, una demostración de producto puede mostrar cómo funciona algo, mientras que un tutorial rápido puede aclarar un proceso sin añadir una sección larga a la página.
• Actualizar contenido: Agregar nuevos Shorts proporciona contenido visual fresco a las páginas visitadas con frecuencia sin necesidad de un rediseño completo. También puedes insertar feeds de redes sociales para incorporar contenido actualizado periódicamente desde otras plataformas a las páginas web pertinentes.

Conclusión

Los vídeos cortos de YouTube pueden ser más útiles cuando no se limitan a tu canal de YouTube. Un tutorial rápido, una demostración de producto o un vídeo del detrás de cámaras también pueden hacer que una página web relevante sea más útil y atractiva.

Si solo quieres mostrar un vídeo, inserta YouTube Shorts directamente en la página. Si publicas Shorts con frecuencia o quieres mostrar varios vídeos juntos, un widget de YouTube Shorts te facilitará la organización y actualización del contenido.

Lo principal es elegir vídeos cortos que aporten algo a la página. Cuando el vídeo complementa el contenido que los visitantes ya están leyendo, se integra de forma natural en el sitio web, en lugar de parecer algo añadido solo por el mero hecho de tener un vídeo.