Incrustador de vídeos de YouTube

Genere código para insertar videos de YouTube para cualquier sitio web a partir de la URL de un video.

Need help growing your channel?

We help creators and brands scale with proven content strategy, SEO, and audience retention tactics.

Book Free Strategy Call
Professional Features

Why Creators Choose This Tool

Genere código para insertar videos de YouTube para cualquier sitio web a partir de la URL de un video. Built for speed, accuracy, and ease of use — no signup required.

Código Iframe

Código Iframe — incorporado Incrustador de vídeos de YouTube para agilizar tu flujo de trabajo.

Opción de respuesta

Opción de respuesta — incorporado Incrustador de vídeos de YouTube para agilizar tu flujo de trabajo.

No tiene inicio de sesión

No tiene inicio de sesión — incorporado Incrustador de vídeos de YouTube para agilizar tu flujo de trabajo.

No se requiere cuenta

Usa la herramienta inmediatamente sin crear una cuenta, iniciar sesión ni instalar nada.

Amigable para desarrolladores

Salida limpia y estructurada que es fácil de integrar en tus flujos de trabajo y automatizaciones.

100% Gratis Para Siempre

Sin tarifas ocultas, sin niveles premium, sin muros de tarjeta de crédito. Todas las funciones son gratis.

Por qué la inserción nativa de YouTube no siempre es suficiente

La opción integrada de compartir > insertar de YouTube te proporciona un código `<iframe>` básico. Funciona. Pero no te da control sobre el comportamiento del jugador.

Esta herramienta genera código para insertar con opciones configurables que el botón de compartir nativo no expone fácilmente:

Reproducción automática: Elija si el video comienza a reproducirse inmediatamente cuando se carga la página. Útil para páginas de destino con cartas de ventas en vídeo. Evítelo para el contenido del artículo donde la reproducción automática molesta a los lectores.

Bucle: Si el vídeo se repite automáticamente. Útil para bucles de demostración o vídeos de fondo. Casi nunca es útil para incrustar contenido estándar.

Controles: Muestra u oculta los controles del reproductor (reproducir, pausar, volumen, pantalla completa). Ocultar controles es útil para experiencias de video guiadas en las que no desea que los espectadores salten a otras partes del video.

Hora de inicio: Enlace directo a un punto específico del vídeo. Si está insertando un tutorial largo y su artículo solo hace referencia a la parte que comienza en el minuto 3:45, puede comenzar a insertar allí.

Modo de privacidad mejorada: Utilice `youtube-nocookie.com` en lugar del dominio estándar de YouTube. Esto significa que YouTube no almacenará datos de navegación de los visitantes de su sitio a menos que realmente presionen reproducir. Una consideración para el cumplimiento del RGPD.

Cómo utilizar el integrador de vídeos de YouTube

Step 1: Copy the URL of the YouTube video you want to embed.

Paso 2: Pégalo en esta herramienta.

Paso 3: Configure sus parámetros opcionales: hora de inicio, activación/desactivación de reproducción automática, activación/desactivación de controles, activación/desactivación de bucle.

Paso 4: Copie el código `<iframe>` generado y péguelo en el HTML de su sitio web.

Hacer que tu inserción responda

De forma predeterminada, el código de inserción de YouTube especifica dimensiones de píxeles fijas (560x315). En los dispositivos móviles, eso produce un reproductor de tamaño fijo que desborda su contenedor o parece desalineado.

Para que su inserción responda (se ajuste a cualquier tamaño de pantalla), ajuste el `<iframe>` en un div con este CSS:

```css .video-wrapper { position: relative; padding-bottom: 56.25%; / 16:9 aspect ratio / height: 0; overflow: hidden; }

.video-wrapper iframe { posición: absoluta; arriba: 0; izquierda: 0; ancho: 100%; altura: 100%; } ```

Luego envuelva la etiqueta `<iframe>` así: ```html <div class="contenedor de vídeo"> [tu código iframe aquí] </div> ```

Todos los principales creadores de sitios web (WordPress, Squarespace, Webflow, Wix) también tienen elementos de bloques de video nativos que manejan el tamaño responsivo automáticamente. Pero si agrega código para insertar a una sección personalizada, el contenedor CSS anterior es el enfoque correcto.

Preguntas frecuentes

¿Incrustar un vídeo de YouTube en mi sitio ayuda al rendimiento del vídeo en YouTube?

Las visualizaciones integradas cuentan como visualizaciones en YouTube. Si los espectadores ven el video incrustado en su sitio, esa participación cuenta para sus análisis de YouTube. También se acredita a su canal, lo que puede ayudar a que su canal general se destaque en el algoritmo.

¿Puedo insertar un vídeo de YouTube en un boletín informativo o correo electrónico?

No. Los clientes de correo electrónico no admiten incrustaciones `<iframe>`; están bloqueados por razones de seguridad. El enfoque estándar es utilizar una imagen en miniatura vinculada al vídeo de YouTube. Al hacer clic en la imagen, el lector accede a YouTube para verla.

¿El modo de privacidad mejorada afecta el rendimiento del vídeo?

No. Los videos incrustados con el dominio `youtube-nocookie.com` funcionan de manera idéntica desde la perspectiva del espectador. La diferencia es el comportamiento de almacenamiento de datos para los visitantes que no interactúan con el jugador.

¿Puedo insertar vídeos de YouTube no listados?

Sí. Los vídeos no listados se pueden incrustar y funcionar normalmente. Los vídeos privados no se pueden incrustar.

¿Insertar un vídeo de YouTube ralentizará mi sitio web?

Los iframes de YouTube se cargan independientemente de su página, pero el script del reproductor de YouTube agrega algo de tiempo de carga. Si la velocidad de la página es fundamental, utilice una imagen en miniatura vinculada a YouTube para colocarla en la mitad superior de la página y cargue el iframe solo al hacer clic.

El caso de uso de inserción que impulsa el crecimiento real de YouTube

Este es un caso de uso que muchos creadores pasan por alto: insertar sus vídeos de YouTube en las publicaciones de su propio blog o en el contenido de su sitio web.

Cuando alguien encuentra la publicación de tu blog a través de la búsqueda de Google, la lee y luego ve el video incrustado de YouTube, esa es una vista que YouTube atribuye a tu canal. Si interactúan (ven la mayor parte, dan me gusta o comentan), esas son fuertes señales de participación que ayudan a que el video tenga una clasificación más alta en la búsqueda de YouTube.

Su blog es una fuente de tráfico de búsqueda que genera señales de participación en YouTube. Esa combinación es poderosa: Google SEO atrae al espectador, el algoritmo de YouTube amplifica el video debido a la alta tasa de participación.

Si tiene contenido de blog existente relacionado con cualquiera de sus videos de YouTube, agregue la inserción. Tarda 2 minutos y crea un canal de distribución que se agrava con el tiempo.

Preguntas frecuentes

01Does embedding a YouTube video on my site help the video's YouTube performance?

Embedded views count as views on YouTube. If viewers watch the embedded video on your site, that engagement counts toward your YouTube analytics. It also gets credited to your channel, which can help your overall channel standing in the algorithm.

02Can I embed a YouTube video in a newsletter or email?

No. Email clients don't support `<iframe>` embeds - they're blocked for security reasons. The standard approach is to use a thumbnail image linked to the YouTube video. Clicking the image takes the reader to YouTube to watch.

03Does the privacy-enhanced mode affect video performance?

No. Videos embedded with the `youtube-nocookie.com` domain work identically from the viewer's perspective. The difference is data storage behavior for visitors who don't interact with the player.

04Can I embed unlisted YouTube videos?

Yes. Unlisted videos can be embedded and work normally. Private videos cannot be embedded.

05Will embedding a YouTube video slow down my website?

YouTube iframes load independently from your page, but the YouTube player script does add some load time. If page speed is critical, use a thumbnail image linked to YouTube for above-the-fold placement and load the iframe only on click.

How useful was this tool?(Average: 4.8 / 5 from 46 votes)

Herramientas relacionadas

Descubre estas otras herramientas gratuitas para crecer más rápido.