---
title: Cómo insertar un vídeo en una página web sin elevar el tiempo de carga
description: Aprende a cómo insertar un vídeo en una página web sin afectar al tiempo de carga del sitio de forma fácil y rápida.
image: https://blog.viewed.video/hubfs/como-insertar-un-video-en-una-pagina-web.png
---

- [Español](https://blog.viewed.video/es/como-insertar-un-video-en-una-pagina-web-sin-elevar-el-tiempo-de-carga)
- [English](https://blog.viewed.video/how-to-embed-video-on-website-a-step-by-step-tutorial)

 Español

[CONTACTO](https://www.viewed.video/es/contacto/) [INICIAR SESIÓN](https://www.viewed.app/en/login) [REGÍSTRATE GRATIS](https://www.viewed.app/en/registro.html)

[![Viewed Personalized Video in Email](https://blog.viewed.video/hs-fs/hubfs/logo-viewed1-3x-1.png?width=642&height=146&name=logo-viewed1-3x-1.png "Viewed Personalized Video in Email")](https://www.viewed.video/logo-brand-viewed/)

Open main menu Close main menu

- Soluciones Open the submenu 
    - [Plataforma de video en email **Plataforma de video en email** ![solutions-video-email-1-1](https://blog.viewed.video/hs-fs/hubfs/solutions-video-email-1-1.png?width=90&name=solutions-video-email-1-1.png) Añade video con autoplay a tus campañas de email márketing. Sube tu video, copia el código de inserción del video y pégalo en tu plantilla de correo electrónico HTML.](https://www.viewed.video/es/soluciones-plataforma-de-video-en-email-marketing-con-autoplay/)
    - [Video email personalizado a escala **Video email personalizado a escala** ![solutions-personalized-video-scale](https://blog.viewed.video/hs-fs/hubfs/solutions-personalized-video-scale.png?width=60&name=solutions-personalized-video-scale.png) Crea miles de ficheros personalizados desde un fichero .csv Define tu video patrón, elige los datos a personalizar en tu video y envía tu campaña de correo electrónico.](https://www.viewed.video/es/soluciones-video-email-personalizado-a-escala/)
    - [Video email personalizado para eCommerce **Video email personalizado para eCommerce** **![solutions-personalized-video-ecommerce](https://blog.viewed.video/hs-fs/hubfs/solutions-personalized-video-ecommerce.png?width=53&name=solutions-personalized-video-ecommerce.png)** Crea vídeos desde tu eCommerce para recuperar carritos abandonados. Conecta tu eCommerce a VIEWED y haz remárketing con vídeos personalizados en tiempo real.](https://www.viewed.video/es/soluciones-video-email-personalizado-para-ecommerce/)
    - [Video streaming en directo via email **Video streaming en directo via email** **![solutions-live-video-streaming-email-1](https://blog.viewed.video/hs-fs/hubfs/solutions-live-video-streaming-email-1.png?width=56&name=solutions-live-video-streaming-email-1.png)** Promociona eventos en vivo o canales de TV con retransmisión en vivo por email. Comparte en vivo los últimos segundos del evento a miles de espectadores y consigue más suscriptores.](https://www.viewed.video/es/soluciones-video-streaming-en-directo-via-email/)
- [¿Por qué VIEWED?](https://www.viewed.video/es/beneficios-del-video-email-marketing/)
- [Precios](https://www.viewed.video/es/precios-video-email/)
- [Recursos](https://www.viewed.video/es/recursos/) Open the submenu 
    - [Recibe un ejemplo](https://www.viewed.video/es/ejemplo-de-video-email-personalizado/)
    - [Tecnología](https://www.viewed.video/es/tecnologia-video-email-marketing/)
    - [Blog](https://blog.viewed.video/es)
    - [Tutoriales](https://www.viewed.video/es/expertos-en-video-email-biblioteca-de-recursos-para-usuarios-de-viewed/)
    - [Integraciones](https://www.viewed.video/check-our-integrations/)
    - [Clientes](https://www.viewed.video/es/clientes-video-email-marketing/)
    - [Casos de éxito](https://www.viewed.video/es/casos-de-exito/)
    - [Prensa](https://blog.viewed.video/es/tag/notas-de-prensa)
- Partners Open the submenu 
    - [Conviértete en colaborador](https://www.viewed.video/es/partners-video-email-marketing/)
    - [Encuentra un Partner](https://www.viewed.app/en/login)

- [Login](https://www.viewed.app/en/login)

 >

# Cómo insertar un vídeo en una página web sin elevar el tiempo de carga

[Share this blog post on Twitter](https://twitter.com/intent/tweet?text=I+found+this+interesting+blog+post&url=https://blog.viewed.video/es/como-insertar-un-video-en-una-pagina-web-sin-elevar-el-tiempo-de-carga) [Share this blog post on Facebook](http://www.facebook.com/share.php?u=https://blog.viewed.video/es/como-insertar-un-video-en-una-pagina-web-sin-elevar-el-tiempo-de-carga) [Share this blog post on LinkedIn](http://www.linkedin.com/shareArticle?mini=true&url=https://blog.viewed.video/es/como-insertar-un-video-en-una-pagina-web-sin-elevar-el-tiempo-de-carga)

Si estás buscando mejorar la experiencia de tus usuarios o visitantes, entonces has llegado al lugar adecuado.

La incorporación de vídeos en tu sitio web es una excelente manera de agregar contenido valioso y atractivo a tus páginas. Los vídeos pueden ayudar a captar la atención de los visitantes y mantenerlos interesados en tu contenido. Además, el vídeo es un medio muy efectivo para transmitir información de manera clara y concisa.

No obstante, alojar tus vídeos en los mismos servidores de tu sitio web puede tener algunas desventajas. Esto puede ralentizar la velocidad de carga y, como resultado afectar negativamente tu posicionamiento en los resultados de búsqueda.

Es por eso que es importante utilizar una plataforma con[servicio de alojamiento de videos](https://blog.viewed.video/es/por-que-optar-por-un-servicio-de-alojamiento-de-videos-para-tu-web?hsLang=es) de confianza y eficiente como [Viewed.](http://www.viewed.video/es) Al utilizar nuestro servicio especializado, puedes alojar tus vídeos  y embeberlos en tu sitio web usando código HTML sin afectar la velocidad de carga de tu sitio. Además, cuentas con una suite de configuración intuitiva y estadísticas para que puedas medir tus resultados.

En este tutorial te enseñaremos cómo alojar, configurar y agregar tus vídeos a tu página web  usando Viewed. 

## 1. Sube tu vídeo

Lo primero que debes saber es que para poder incrustar vídeos en HD en tu sitio web o landing page, debes contar con la licencia Enterprise de Viewed, la cual puedes contratar a través de [nuestro equipo de ventas especializado](https://meetings.hubspot.com/rafa42). Recuerda que al contratar el plan Enterprise para alojar tus vídeos, contarás con un account manager que te podrá asesorar y ayudar con la configuración de los mismos. Además, podrás compartirlos también por [correo electrónico](https://blog.viewed.video/es/como-enviar-videos-por-correo?hsLang=es) y redes sociales. 

¡Vamos a ello! Ingresa a nuestra plataforma con tu cuenta de correo electrónico y contraseña.

![Log-in-to-the-viewed-platform-system-2](https://blog.viewed.video/hs-fs/hubfs/Log-in-to-the-viewed-platform-system-2.png?width=717&height=221&name=Log-in-to-the-viewed-platform-system-2.png)

 

Para subir un video en nuestra plataforma, simplemente selecciona "Nuevo video" y luego "Subir video" en el menú ubicado en la parte superior derecha.

![como insertar un video en una pagina web paso 1](https://blog.viewed.video/hs-fs/hubfs/como%20insertar%20un%20video%20en%20una%20pagina%20web%20paso%201.webp?width=1200&height=627&name=como%20insertar%20un%20video%20en%20una%20pagina%20web%20paso%201.webp)

A continuación, se abrirá una página en la que deberás completar los campos requeridos y elegir el vídeo que deseas cargar desde tu ordenador o mediante una URL de YouTube. Una vez que hayas terminado de hacerlo, haz clic en el botón "Upload video" de color verde que se encuentra al final de la página.

- En el campo **"Video Name"** escribe el nombre que deseas asignarle al video que se alojará.
- Para el campo **"Enter video width"**, especifica el ancho en píxeles que deseas que tenga tu vídeo.

![Form-to-upload-a-video-to-the-Viewed-platform](https://blog.viewed.video/hs-fs/hubfs/Form-to-upload-a-video-to-the-Viewed-platform.webp?width=671&height=473&name=Form-to-upload-a-video-to-the-Viewed-platform.webp)

## 2. Es momento de hacer magia

Una vez que hayas subido tu vídeo a Viewed, es necesario esperar unos minutos para que nuestra plataforma lo procese correctamente. Después de que este paso se haya completado, podrás obtener los códigos de incrustación para insertar el vídeo en tu sitio web, plantilla de email o landing page.

Para obtener los códigos de incrustación, simplemente selecciona la opción "LANDING embed code" que se encuentra en la página de tu vídeo después del procesamiento. También puedes acceder a esta sección desde el menú lateral izquierdo del vídeo haciendo clic en "Share video".

![como insertar un video en una landing page](https://blog.viewed.video/hs-fs/hubfs/como%20insertar%20un%20video%20en%20una%20landing%20page.webp?width=1200&height=627&name=como%20insertar%20un%20video%20en%20una%20landing%20page.webp)

Como mencionamos al inicio de este tutorial, [Viewed](http://www.viewed.video/es) cuenta con una suite de configuración que te permite personalizar el comportamiento de tu vídeo dentro de tu sitio web. Esta suite se mostrará una vez que hayas seleccionado la opción de incrustación para tu sitio.

 

![como insertar un video en un sitio web con html- 3](https://blog.viewed.video/hs-fs/hubfs/como%20insertar%20un%20v%C3%ADdeo%20en%20un%20sitio%20web%20con%20html-%203.webp?width=886&height=622&name=como%20insertar%20un%20v%C3%ADdeo%20en%20un%20sitio%20web%20con%20html-%203.webp)

En Viewed, te ofrecemos una serie de parámetros personalizables para que puedas configurar la reproducción de tus vídeos. Lo mejor de todo es que no tendrás que hacerlo manualmente, ya que estas configuraciones se agregarán automáticamente al código HTML de incrustación. Entre los parámetros disponibles se encuentran:

- **Controles:** desactiva esta opción si prefieres que los controles de reproducción no se muestren en tu vídeo.
- **Autoplay:** como su nombre indica, esta función permite que tu vídeo se reproduzca automáticamente cuando un usuario visita tu página web.
- **Mute:** activa o desactiva el audio de tu vídeo automáticamente.
- **Loop:** tu vídeo se reproducirá en bucle.

## 3. Inserta el vídeo en tu sitio web

¡Excelente! Tu vídeo ha sido alojado correctamente en nuestra plataforma y ahora podrás utilizar el código de incrustación para agregarlo a tu sitio web.

Si no cuentas con un desarrollador web o especialista en HTML, no te preocupes. La mayoría de las plataformas de creación de páginas web ofrecen la función de arrastrar y soltar con distintos módulos para facilitar el diseño de tu sitio.

Los módulos dependerán de la plataforma de desarrollo web y la plantilla que estés utilizando. Puedes buscar y probar con cualquiera de las siguientes opciones para pegar el código que has copiado de nuestra plataforma:

Módulo de HTML

![modulo-de-html-wordpress-1](https://blog.viewed.video/hs-fs/hubfs/modulo-de-html-wordpress-1.webp?width=1200&height=627&name=modulo-de-html-wordpress-1.webp)

![modulo-de-html-wordpress-2](https://blog.viewed.video/hs-fs/hubfs/modulo-de-html-wordpress-2.webp?width=717&height=375&name=modulo-de-html-wordpress-2.webp)

Módulo de vídeo

![modulo-de-vídeo-hubspot](https://blog.viewed.video/hs-fs/hubfs/modulo-de-v%C3%ADdeo-hubspot.webp?width=1200&height=627&name=modulo-de-v%C3%ADdeo-hubspot.webp)

¡Felicidades! Ahora tienes todas las herramientas necesarias para integrar vídeos en HD en tu sitio web o landing page y mejorar la experiencia de tus usuarios. Esperamos que este tutorial haya sido útil y si tienes alguna duda o pregunta, no dudes en contactar a nuestro equipo de soporte técnico. ¡A seguir mejorando tu estrategia de vídeo marketing con [Viewed!](http://www.viewed.video/es)

 

 

[![agenda-una-demo-para-verlo-en-accion](https://blog.viewed.video/hs-fs/hubfs/agenda-una-demo-para-verlo-en-accion.webp?width=717&height=185&name=agenda-una-demo-para-verlo-en-accion.webp)](https://meetings.hubspot.com/cjimenez8)

 

 

[![BOOK A LIVE DEMO](https://no-cache.hubspot.com/cta/default/5705138/15af99e2-6fb4-4946-b28a-e7569540810f.png)](https://cta-redirect.hubspot.com/cta/redirect/5705138/15af99e2-6fb4-4946-b28a-e7569540810f)

#### Recent Posts

- [Menos es más: la mejor síntesis de contenido que conecta en marketing](https://blog.viewed.video/es/menos-es-m%C3%A1s-la-mejor-s%C3%ADntesis-de-contenido-que-conecta-en-marketing?hsLang=es)
- [Top 5 de las Mejoras Estrategias de Email Marketing para 2025](https://blog.viewed.video/es/top-5-de-las-mejoras-estrategias-de-email-marketing-para-2025?hsLang=es)
- [Guía para Integrar Videos en tu Estrategia de Email Marketing](https://blog.viewed.video/es/guia-para-integrar-videos-en-tu-estrategia-de-email-marketing?hsLang=es)
- [Cómo Crear un Embudo de Email Marketing Efectivo en 5 Pasos](https://blog.viewed.video/es/como-crear-un-embudo-de-email-marketing-efectivo?hsLang=es)
- [La Valiosa Lección que el Yusuf Dikec Dejó para el Video Marketing](https://blog.viewed.video/es/la-valiosa-leccion-que-el-yusuf-dikec-dejo-para-el-video-marketing?hsLang=es)

#### Categories

- Business
- [Email Marketing](https://blog.viewed.video/es/tag/email-marketing)
- Email Marketing Trends, Personalized Video In Email..
- Esp Tutorials
- Esp- Email Services Providers
- Marketing Tips
- Newsletter
- Sin Categoría
- Technology
- Video Marketing Tips
- Viewed

## Artículos relacionados

[![Email Marketing Efectivo](https://blog.viewed.video/hubfs/MKT%20-%20Portadas%20de%20Blog/embudo%20de%20email%20marketing.png)](https://blog.viewed.video/es/como-crear-un-embudo-de-email-marketing-efectivo?hsLang=es)

### [Cómo Crear un Embudo de Email Marketing Efectivo en 5 Pasos](https://blog.viewed.video/es/como-crear-un-embudo-de-email-marketing-efectivo?hsLang=es)

¿Alguna vez te has preguntado cómo transformar un simple suscriptor en un cliente leal que defiende tu marca? Imagina un embudo de email marketing como un viaje...

[![how to send a video by email](https://blog.viewed.video/hubfs/how%20to%20send%20a%20video%20by%20email.png)](https://blog.viewed.video/es/como-incrustar-un-video-usando-spotler-webpower?hsLang=es)

### [Cómo incrustar un vídeo en email usando Spotler Webpower](https://blog.viewed.video/es/como-incrustar-un-video-usando-spotler-webpower?hsLang=es)

¿Te gustaría mejorar la efectividad de tus campañas de correo electrónico y lograr una tasa de clics y conversión más alta de hasta el 170% y 100%, respectivamente? ¡No...

[![Lista de suscriptores por email](https://blog.viewed.video/hubfs/VIEWED-BLOG%20(5)-2.png)](https://blog.viewed.video/es/como-construir-y-mantener-una-mejor-lista-de-suscriptores-de-email?hsLang=es)

### [Cómo construir y mantener una mejor lista de suscriptores de email](https://blog.viewed.video/es/como-construir-y-mantener-una-mejor-lista-de-suscriptores-de-email?hsLang=es)

¿Cómo es exactamente una "mejor" lista de suscriptores de email? ... Empecemos por el principio, todos sabemos que el email marketing es muy eficaz, en parte porque es...

[Legal](https://www.viewed.video/legal/) | [Terms and conditions](https://www.viewed.video/terms-use-video-email/) | [Cookie policy](https://www.viewed.video/cookie-policy/) | [Privacy Policy](https://www.viewed.video/privacy-policy/)  
© Copyright VIEWED 2021

[Follow us on Facebook](https://www.facebook.com/viewed.video/) [Síguenos en Facebook](https://www.instagram.com/viewed.video/) [Follow us on LinkedIn](https://www.linkedin.com/company/viewed/) [Follow us on Twitter](https://twitter.com/viewed_video) [Follow us on Instagram](https://www.youtube.com/channel/UCG-lntpLHGpKxfsSelYEFtA)

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Viewed",
    "url" : "https://blog.viewed.video/es/author/viewed"
  },
  "dateModified" : "2023-06-30T09:14:36.261Z",
  "datePublished" : "2023-05-11T08:19:08.000Z",
  "headline" : "Cómo insertar un vídeo en una página web sin elevar el tiempo de carga",
  "image" : [ "https://blog.viewed.video/hubfs/como-insertar-un-video-en-una-pagina-web.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://blog.viewed.video/es/como-insertar-un-video-en-una-pagina-web-sin-elevar-el-tiempo-de-carga",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://blog.viewed.video/hubfs/logo-viewed1-3x-1.png"
    },
    "name" : "Viewed"
  }
}
```