Cómo insertar vídeo en directo en su sitio web [2023 Update]

How to Embed Live Streaming Video on Your Website Image

Las estadísticas demuestran que el vídeo es el rey. Casi el 44% de la gente ve menos la televisión porque en su lugar están viendo retransmisiones en directo. Además, más del 80% de las audiencias prefieren ver vídeos en directo a leer un blog.

Hoy en día, el vídeo está de moda. Para captar la atención de las audiencias modernas, las empresas de hoy en día tienen que aprovechar el poder de las emisiones de vídeo en directo. Afortunadamente, las empresas y los organismos de radiodifusión disponen de muchas soluciones profesionales de streaming.

Si tiene una empresa o una emisora y no sabe cómo prepararse para el éxito, no busque más. En este artículo, vamos a enseñarte cómo incrustar vídeo e integrar transmisión de vídeo en directo en su sitio web de retransmisión en directo. Integrar las retransmisiones en directo tiene muchas ventajas, como la de permitir a los espectadores acceder a través de sus canales de redes sociales a sus eventos virtuales en directo. Para cualquier empresa que quiera prosperar hoy en día, las ideas que vamos a compartir en este artículo son de un valor incalculable.

*Este post refleja la información más actualizada a diciembre de 2023.

  • ¿Qué es la incrustación de vídeo?
  • Ventajas de incrustar un vídeo en su sitio web
  • La importancia del contenido de vídeo en su sitio web
  • ¿Cómo funciona la incrustación de vídeos?
  • Cómo insertar vídeo en directo en su sitio web
  • Cómo incrustar vídeos en directo en creadores de sitios web populares
  • Cómo insertar un reproductor de vídeo en las redes sociales
  • Incrustación de vídeo para dispositivos móviles y ordenadores de sobremesa
  • Los 3 errores más importantes que debe evitar al incrustar vídeo en directo en su sitio web
  • Reflexiones finales

¿Qué es la incrustación de vídeo?

qué es la incrustación de vídeo

Incrustar vídeos de una plataforma de alojamiento en lugar de Youtube u otro servicio de streaming gratuito te da más control sobre tu contenido.

La incrustación de vídeo consiste en añadir una transmisión en directo o un reproductor de vídeo a su sitio web utilizando una plataforma de vídeo en línea. Para muchos sitios web de retransmisiones en directo o plataformas de redes sociales, es tan sencillo como copiar y pegar un enlace.

Puedes utilizar herramientas gratuitas como YouTube para incrustar vídeos en tu sitio web de retransmisión en directo. Sin embargo, estas herramientas gratuitas tienen limitaciones para incrustar contenidos de vídeo en directo en su sitio web, por lo que no son la mejor solución para incrustar vídeos.

El uso de YouTube para alojar e incrustar retransmisiones en directo presenta algunos inconvenientes:

  • Tráfico perdido: YouTube extrae tráfico de tu sitio y lo devuelve a YouTube a través de los vídeos relacionados que se muestran al final del vídeo. YouTube no está diseñado para mantener a los espectadores en tu propio sitio web de streaming en directo.
  • Apariencia poco profesional: YouTube tiene su marca en las superposiciones y marcas de agua, y cualquier vídeo incrustado desde YouTube a tu propio sitio web de streaming en directo tendrá un botón “Ver en YouTube”. Su marca no aparece en absoluto.
  • No hay atención al cliente: El servicio de atención al cliente de YouTube es prácticamente inexistente, por lo que si un enlace de transmisión en directo no funciona o si la calidad de la transmisión no es la adecuada, tendrás que solucionarlo por tu cuenta.
  • Normas arbitrarias: YouTube tiene directrices de contenido arbitrarias. Si YouTube decide que no le gusta tu contenido o mensaje, se puede eliminar de tu canal y de tu propio sitio web de retransmisión en directo a través del enlace de incrustación de YouTube.
  • Publicidad: YouTube puede publicar anuncios en cualquiera de sus contenidos de vídeo. Usted no controla los anuncios que aparecen en sus contenidos. Eso puede arruinar la experiencia general y rebajar el nivel de tus contenidos.
  • Menos control: Mantener un impresionante recuento de espectadores en directo es una de las muchas métricas que muestran el rendimiento de tus contenidos de vídeo. Con YouTube tienes mucho menos control sobre elementos como la calidad del streaming o los anuncios.

El uso de plataformas profesionales de alojamiento de vídeos te da mucho más control sobre tus contenidos. Como usted es el propietario del contenido, puede eliminar la marca del anfitrión. Tampoco tienes que preocuparte de seguir ninguna de las estrictas directrices de Youtube ni de que borren tus contenidos sin tu permiso.

La incrustación de vídeo es bastante sencilla, siempre que el diseño de tu sitio web de streaming en directo sea compatible con el tipo de streaming que quieras configurar. Puedes incrustar fácilmente vídeos de retransmisiones en directo o clips de tus retransmisiones anteriores directamente en tu sitio web o aplicación de retransmisión en directo.

Ventajas de incrustar un vídeo en su sitio web

Hay dos formas principales de colocar vídeos en su sitio web o en una página de aterrizaje. Puedes enlazar o incrustar vídeos.

Cuando incrustas un en tu sitio web de retransmisión en directo, los visitantes pueden verlo sin salir de la página web en la que se encuentran.

Cuando se enlaza un vídeo en un sitio web de retransmisiones en directo, los visitantes deben hacer clic en el enlace, lo que les redirige a la página web donde está alojado el vídeo.

Tanto desde el punto de vista de la experiencia del usuario como del SEO, incrustar vídeos en lugar de enlazarlos tiene claras ventajas:

  • Experiencia de visualización optimizada: Puedes optimizar el vídeo para verlo online con un código de inserción. Al incrustar directamente una transmisión en directo en su sitio web de transmisión en directo, puede ajustar el tamaño del fotograma, la altura y la anchura del vídeo para garantizar una visualización óptima en su sitio web.
  • Personalizar la hora de inicio: Puedes personalizar la hora de inicio del vídeo con un código incrustado. Eso le permite dirigir a los espectadores a una hora de inicio específica dentro de su contenido de vídeo.
  • Mantenga a los usuarios en su sitio: Aprender a incrustar transmisión en vivo en el sitio web, a mantener a los espectadores en su sitio web en lugar de vincular a otro sitio. Esto es especialmente cierto si utilizas un servicio de alojamiento de vídeos privado en lugar de una plataforma de alojamiento de vídeos gratuita para incrustar tus vídeos en directo.
  • Ayuda al SEO: Si quieres mejorar tu posicionamiento en buscadores, incrustar vídeos es una de las mejores formas de conseguir este objetivo. Es más fácil posicionarse cuando se dispone tanto de texto como de vídeo en el propio sitio web.
  • Aumentar la participación: En tu propio sitio web de retransmisiones en directo, puedes controlar cifras como el recuento de espectadores en directo. Es una información útil que te dice cómo funciona cada retransmisión en directo. A la gente le gusta ver vídeos; crear una videoteca en sitios web de streaming de vídeo y añadir vídeos directamente a su sitio web de streaming en directo permite aumentar la participación de los usuarios directamente en su sitio web. También es más fácil atraer y emocionar a tus espectadores con tus próximos contenidos a través de tu propio sitio de streaming en directo
  • Reduce tu público objetivo: Saber qué hacer es más importante que crear una extensa videoteca. Los espectadores que se conectan a su propio sitio web de retransmisión en directo pueden retransmitir vídeos en directo y dejar algo más importante: los datos de los espectadores. Con estos datos conocerá a su público objetivo y el tipo de contenidos que más le interesan. Así es como puedes acotar el enfoque de tu página web y crear eventos en directo en torno a los temas que más interesan a tus espectadores.
  • Más fácil de gestionar: gestionar tu propio sitio de retransmisiones en directo significa que puedes gestionar y optimizar fácilmente diferentes categorías de vídeo, como retransmisiones en directo anteriores, vídeo a la carta por suscripción y clips cortos, así como promocionar tu próxima sesión de retransmisión en directo sin tener que pagar más a sitios web de terceros. Tus espectadores pueden acceder a todo tu contenido a través de tu sitio web o aplicación de retransmisión en directo

En lugar de enlazar a vídeos alojados en otros sitios, incrustar vídeos le permite crear una experiencia de vídeo personalizada, mantener a los espectadores en su sitio web, aumentar la participación directa y ayudarle con su SEO.

La importancia del contenido de vídeo para su sitio web

Antes de aprender cómo incrustar vídeo en su sitio web, es importante comprender el valor del contenido de vídeo en directo para su empresa.

  1. El marketing: El vídeo es una de las principales herramientas de marketing en línea. El 71% de las empresas B2B y el 61% de las empresas B2C utilizan vídeos como herramienta de marketing. El 87 % de los profesionales del marketing que utilizan vídeos de marketing informan de un aumento del tráfico del sitio web debido al contenido de vídeo; por lo tanto, ofrece un gran retorno de la inversión.
  2. El vídeo aumenta la clasificación SEO: En lo que respecta a las clasificaciones SEO, el contenido de vídeo tiene 50 veces más probabilidades de clasificarse que los mensajes de texto. Combinar contenidos de texto y vídeo es una excelente forma de mejorar la clasificación de sus páginas web.
  3. El vídeo aumenta la participación: 9 de cada 10 espectadores quieren ver más vídeos de las marcas y empresas con las que interactúan. Una persona media pasa unos 100 minutos al día viendo vídeos en línea. ¿Por qué no aprovechar ese potencial creando contenidos de vídeo a la carta por suscripción?
  4. El vídeo tiene mayores tasas de retención: En comparación con los contenidos escritos (tasas de retención del 10-20%), los contenidos visuales, como los vídeos y los vídeos en directo, tienen una tasa de retención mucho mayor (65%). Los vídeos también tienen un mayor impacto, sobre todo si los utilizas para mostrar la personalidad de tu marca o testimonios.
  5. El vídeo es lo que quiere la gente: Un informe de HubSpot mostró que aproximadamente el 53% de la gente quiere que los sitios web incluyan más contenido de vídeo. Es esencial para los sitios web de negocios de comercio electrónico porque alrededor del 88% de los clientes afirman que compran productos porque el vídeo les convence.

¿Le interesa obtener más información sobre la situación del streaming de vídeo en línea? Lea nuestro post sobre estadísticas de streaming para conocer las tendencias actuales del streaming en línea.

¿Cómo funciona la incrustación de vídeos?

La incrustación de vídeo funciona añadiendo un fragmento de código, denominado “código de incrustación”, desde el sitio web de streaming de vídeo al código de su sitio web. Le permite integrar y configurar la transmisión de vídeo en directo en su sitio web.

Para configurar un reproductor de vídeo incrustado, el software de alojamiento de vídeos de Dacast genera dos tipos de códigos de incrustación: iFrame y JS. El que elijas dependerá de tu configuración de streaming

Código de incrustación JS

El código de incrustación JS es el código de incrustación predeterminado de Dacast y es compatible con la mayoría de las funciones. Esto incluye la capacidad de respuesta si los elementos tienen un tamaño diferente en la plataforma de alojamiento de vídeo que en el sitio web. También funciona con funciones de restricción de remitentes.

Código de incrustación iFrame

El código de incrustación iFrame es el más compatible universalmente. La advertencia es que algunas funciones no funcionan con él. Este código incrustado no es responsivo, lo que significa que tiene un tamaño fijo.

A veces también se elimina la función de pantalla completa. Normalmente sólo ocurre si estás usando iFrames dentro de iFrames. La función de restricción de referencias basada en URL no funciona con la incrustación iframe.

El código de incrustación JS es más sensible; sin embargo, el código de incrustación iFrame es más compatible universalmente.

Cómo insertar vídeo en directo en su sitio web

 

Puede incrustar vídeos en su sitio web sin necesidad de conocimientos de codificación.

No es difícil incrustar vídeo en su sitio web, pero requiere algunas herramientas diferentes y un poco de conocimientos técnicos.

Veamos cómo puede incrustar un reproductor de vídeo en su sitio web en 5 sencillos pasos. Estos pasos son los mismos para incrustar vídeo en directo o contenidos de vídeo a la carta.

1. Elija una plataforma de retransmisión en directo

El primer paso para integrar un vídeo en directo en su sitio web es invertir en una plataforma de transmisión en directo. Con los innumerables servicios de streaming disponibles en la actualidad, esto puede ser una tarea desalentadora para las cadenas. Esta herramienta sirve para gestionar y alojar todos tus contenidos de vídeo. Muchos de estos sitios web de streaming en directo también admiten monetización, seguridad y mucho más.

Algunas de las principales plataformas de retransmisión en directo son:

De nuevo, YouTube y Vimeo son dos alternativas gratuitas. Estas opciones son mínimas en cuanto a funciones y capacidades, pero pueden ser útiles para las cadenas con presupuestos limitados.

Utilizar una plataforma profesional de retransmisión en directo ofrece algunas ventajas claras, como:

Para más información sobre cómo elegir un sitio web de streaming de vídeo para alojar tu emisión, consulta nuestro post comparativo de plataformas de streaming en directo.

2. Crear un canal en directo

Una vez que hayas elegido una plataforma profesional de retransmisión en directo, es hora de crear un canal en directo.

Para hacerlo en Dacast:

  • Haz clic en el botón morado “Añadir +” del menú de la izquierda.
  • Seleccione “Transmisión en directo“.
  • Cuando aparezca la ventana, añada un título y seleccione “Estándar” como tipo de flujo.
  • Haga clic en “Crear“.

Ahora has creado un canal en directo en Dacast para alojar tu emisión en directo. Tienes que crear un canal en directo antes de crear un código de inserción que puedas utilizar para retransmitir en tu sitio web.

3. Generar un código de incrustación

Los sitios web de retransmisiones en directo como Dacast le permiten incrustar manualmente contenidos de streaming en su sitio web proporcionándole los códigos de incrustación necesarios para hacerlo posible.

Dacast facilita excepcionalmente a los usuarios la creación de reproductores incrustados en sus sitios y la emisión de flujos de vídeo en directo.

PASO 1: Para empezar, inicie sesión en su cuenta de Dacast. Busca el vídeo que quieras incrustar y haz clic en el botón “Editar”:

 

PASO 2: Vaya a la sección “Compartir” en la pestaña “General” y copie el “Código de incrustación”:

 

Existen dos tipos de códigos de incrustación disponibles: JS (Javascript) e iframe. Recomendamos utilizar el código de incrustación JS porque es más compatible universalmente con la función de pantalla completa.

El código de incrustación JS también es un requisito para que funcione la función de restricción de referencias URL (que restringe el contenido en función de los sitios web autorizados a alojarlo). Dicho esto, el código de incrustación iFrame es más compatible y/o necesario para algunos frameworks, incluidos WordPress y WIX.

PASO 3: Una vez que haya seleccionado el tipo de código incrustado, lo último que tiene que hacer es insertarlo en su sitio web. No tendrá el mismo aspecto para todo el mundo, suponiendo que tenga acceso a la edición en el nivel HTML. Será algo parecido a esto:

 

Si vas a la pestaña “General” y navegas hasta “Compartir “, también verás la opción “Compartir enlace”.

No se trata de un código incrustado, sino de un enlace que te permite compartir directamente con los espectadores o tus redes sociales. El enlace dirigirá a los espectadores a una página con un reproductor de vídeo donde podrán ver su vídeo; no les dirigirá a su sitio web.

Si tienes alguna pregunta sobre la incrustación de vídeo o necesitas ayuda con esta función de Dacast, no dudes en ponerte en contacto con nosotros directamente.

4. Pegue el código de incrustación

Busque el lugar de su sitio en el que desea incrustar el reproductor de vídeo. Abre el editor HTML y pega el código que has copiado de tu OVP.

Previsualice los cambios para asegurarse de que el código funciona correctamente.

Mediante restricciones de dominio o códigos de incrustación firmados, también puedes compartir vídeos de forma privada para asegurarte de que sólo se puede acceder a tus vídeos en sitios web de tu propiedad. Esta función está disponible en muchas plataformas CMS de vídeo profesional, protegiendo tus contenidos incluso cuando utilizas un sitio web de streaming en directo de terceros.

5. Guardar los cambios

Guarde los cambios y publique la página o la entrada que ha editado. De nuevo, pruebe el sitio en vivo para asegurarse de que su reproductor de vídeo incrustado se ha configurado correctamente.

Es una buena idea probar el flujo de vídeo en directo antes de que comience la emisión.

Ahora ya sabes cómo utilizar Dacast para incrustar vídeo directamente en tu sitio web.

Cómo incrustar vídeo en streaming en creadores de sitios web populares

Puede incrustar vídeos en su sitio web con bastante facilidad si utiliza un creador de sitios web de arrastrar y soltar. Incrustar vídeos en sitios web de retransmisión en directo como Wix, Weebly, WordPress o Yola sólo requiere unos pocos pasos.

Aquí tienes instrucciones paso a paso sobre cómo incrustar vídeos en directo a través de cualquiera de los siguientes servicios de alojamiento web populares:

1. Wix

Incrustar streaming de vídeo a wix cms

Wix es una de las plataformas de creación de sitios web de arrastrar y soltar más básicas, pero puedes obtener plugins y actualizaciones para una mayor personalización.

Wix es una plataforma de creación de sitios web que utilizan muchas personas que optan por el bricolaje para crear sus sitios web.

Hablemos de cómo incrustar un vídeo en directo en Wix. Puede incrustar un vídeo en su sitio web con unos sencillos pasos.

  1. Haz clic en el icono de Wix App Market en la parte izquierda del editor
  2. En la búsqueda de aplicaciones, escribe “HTML embed”.
  3. Haga clic en “Añadir al sitio”.
  4. Haga clic en la aplicación HTML
  5. En el menú emergente, haga clic en “Configuración”.
  6. En “Modo ” elija “Código HTML”.
  7. En “HTML/Embed Code”, pegue el código que generó en Dacast
  8. Haga clic en “Actualizar”.

Echa un vistazo al sitio publicado para asegurarte de que el Wix Livestream se ve como se supone que debe ser. Así es como puedes transmitir video en vivo a tu sitio web de transmisión en vivo usando Wix.

2. Weebly

Weebly cms incrustar

Weebly hace que incrustar vídeos sea bastante sencillo.

Esta plataforma es muy utilizada porque se puede construir un sitio web de streaming en directo o una tienda online con el mismo constructor de sitios web.

Cuenta con un editor de arrastrar y soltar, lo que lo convierte en una excelente opción para todos los niveles de usuarios y personas ocupadas. Como tiene una interfaz limpia y adaptable, puedes crear distintos tipos de sitios web, como portfolios personales, noticias y sitios web empresariales.

He aquí cómo incrustar un vídeo en Weebly:

  • Accede al backend de tu sitio web Weebly
  • Haga clic en la pestaña “construir” del menú superior
  • Busque la opción “incrustar código” en la barra de navegación de la izquierda.
  • Arrastra y suelta la opción de código de inserción donde quieras añadir tu vídeo en directo
  • Ve a tu plataforma de vídeo en directo y copia el código de inserción. El código de incrustación iFrame de Dacast es ideal.
  • A continuación, pegue el código en el campo que dice “haga clic para establecer HTML personalizado”
  • Colócalo en el lugar adecuado y haz clic en “Publicar”.

Si el vídeo no aparece en el editor, no te preocupes. Intenta darle a publicar, y el reproductor de vídeo de Weebly debería aparecerte.

Siempre puedes volver al modo editor y reajustar la ubicación del vídeo en directo incrustado si no te gusta cómo queda.

3. WordPress

wordpress incrustar

WordPress es una de las plataformas de creación de sitios web más populares, ya que ofrece paquetes para todo el mundo, desde un blogger básico hasta magnates del comercio electrónico.

El sitio web de WordPress ofrece una gran solución de streaming para las emisoras. El sitio web WordPress ha actualizado recientemente su plataforma, por lo que incrustar un vídeo en tu propio sitio web de retransmisión en directo es tan fácil como siempre.

Esto es lo que tienes que hacer:

  1. Copie el código de inserción de Dacast
  2. Abra la página o la entrada en la que desea añadir el vídeo
  3. Haga clic en el signo más de la esquina superior izquierda
  4. Buscar “Vídeo ” en el menú de elementos
  5. Arrastra y suelta el elemento de vídeo donde quieras que esté el vídeo
  6. Haga clic en los tres puntos de la parte superior del elemento y haga clic en “Editar como HTML”
  7. Pegue el código de inserción
  8. Haga clic en “Actualizar”.

Para incrustar un vídeo en directo en la versión anterior de WordPress, deberá cambiar del “Editor visual” al “Editor HTML” y pegar el código de incrustación.

Esto es todo lo que necesitas saber sobre cómo incrustar una transmisión de vídeo en directo con WordPress.

4. Shopify

Shopify es una opción popular para los comerciantes que desean ofrecer una experiencia de compra en directo a los espectadores.

Para incrustar vídeos en streaming en Shopify para una experiencia de compra en directo, sigue estos pasos:

  1. Copie el código de inserción de Dacast
  2. Abra la página o la entrada en la que desea añadir la transmisión en directo
  3. Haz clic en el cartel de la cámara
  4. Pega el código de inserción de Dacast
  5. Haga clic en “Guardar”.

Asegúrate de hacer clic en “ver página” para comprobar que el reproductor de vídeo incrustado funciona. Si tienes un sitio web Shopify, eso es todo lo que necesitas hacer para incrustar vídeo en directo en tu sitio.

5. Yola

yola cms incrustar

Yola es conocida por su excelente servicio de atención al cliente, así que si tienes problemas para incrustar en su plataforma, te ayudarán a resolverlo.

En Yola, puedes añadir vídeos a tu sitio web desde otros sitios de intercambio de vídeos. Con su código de incrustación Dacast, siga estos pasos.

  1. Copie el código proporcionado.
  2. Ir al constructor del sitio, a continuación, haga clic en “Widget
  3. Seleccione “Popular
  4. Arrastre y suelte el widget “Código HTML ” en su página
  5. Pega tu código en el editor HTML
  6. Haga clic en “Guardar”.

Siempre es una buena idea previsualizar la página publicada para asegurarse de que todo se verá bien para sus espectadores. Eso es todo lo que tienes que hacer para saber cómo entrar en directo en el sitio web de Yola con tu contenido.

6. Google Sites

constructor de sitios web google suite

Google Sites resulta muy práctico si trabajas en tu sitio con otros miembros de tu equipo.

Google Sites forma parte del conjunto de herramientas de aplicaciones de Google. Es un servicio gratuito que te permite crear tu propio sitio web. El servicio se creó para que grupos de personas pudieran crear y editar juntas un sitio web desde distintos lugares.

Para incrustarla en tu página de Google Sites, sigue estos pasos:

  1. Copie el código de inserción Dacast para el vídeo
  2. Localice la página en la que desea incrustar el vídeo
  3. Haga clic en “Editar página “.
  4. Coloca el cursor donde quieras que aparezca el vídeo
  5. Ir a “Insertar menús”
  6. Haz clic en “Más gadgets”.
  7. Ahora seleccione “Destacados” y luego busque el “Embed Gadget”.
  8. Una vez que hayas seleccionado “Incrustar Gadget”, pega el código de incrustación
  9. Haga clic en “Aceptar ” para guardar la página

Eso es todo lo que tienes que hacer. Ahora, tendrás el vídeo incrustado directamente en tu sitio web de Google Sites para que los espectadores puedan verlo.

7. Squarespace

Squarespace es una plataforma sólida para crear sitios web profesionales de transmisión de vídeo en directo sin necesidad de tener experiencia en programación.

Squarespace es un poco limitado en cuanto a las plataformas de streaming que puedes utilizar en sus planes más baratos. Insertar una transmisión en directo de Youtube en Squarespace es mucho más fácil, pero como se ha mencionado, tiene sus limitaciones.

Para utilizar Dacast para incrustar una transmisión en directo en Squarespace, tendrás que actualizar a un plan Business y Commerce.

Aquí tienes las instrucciones paso a paso para incrustar un vídeo en directo en Squarespace utilizando un código de incrustación de Dacast.

  1. Haga clic en Editar
  2. Haga clic en el signo + en la sección en la que desea incrustar la transmisión en directo.
  3. Haga clic en el código< / >
  4. Asegúrese de que está configurado como HTML
  5. Borre el texto “ <p>¡Hola, mundo!< /p>”
  6. Copie el código de inserción de Dacast
  7. Pegue el código
  8. Comprueba que el código HTML para la retransmisión en directo de tu vídeo se ha configurado correctamente

En cuanto a cómo incrustar un vídeo de Youtube en Squarespace, sigue estos pasos:

  1. Haga clic en Editar
  2. Pulse el signo +.
  3. Haz clic en el vídeo
  4. La opción por defecto es añadir una URL de streaming, pero a la derecha de esa opción, verás </> y eso es lo que quieres pulsar.
  5. Busca el código de inserción de tu emisión en directo de Youtube en la pestaña “Gestionar”.
  6. Pega el código y guárdalo.

De nuevo, nunca está de más asegurarse de que todo está correctamente configurado.

Esto es lo que tienes que hacer para incrustar vídeo en directo en Squarespace.

8. GoDaddy

El creador de sitios web de GoDaddy es una herramienta gratuita de edición y publicación en línea muy fácil de usar.

Este creador de sitios web es rápido de configurar y tiene todas las opciones necesarias para un sitio básico.

Le pide que introduzca sus especificaciones para un sitio web y luego genera uno para usted con un tema que hace bien en su industria y todos los widgets y páginas necesarias. Siempre puedes personalizarlo para hacerlo tuyo.

A continuación te explicamos cómo puedes incrustar un vídeo en tu sitio web de GoDaddy:

  • Vaya a la página de administración de su sitio web y busque la página en la que desea incrustar su vídeo en directo.
  • Haga clic en “añadir una sección”.
  • Busque la opción “añadir sección HTML” y haga clic en “añadir”.
  • Copie el código de inserción de su vídeo en directo
  • Péguelo en su sitio web en el campo “código personalizado”.
  • Haz clic en ” Vista previa ” para ver cómo queda y luego en “Publicar”

Y ¡voilá! Tu vídeo en directo ya está disponible en tu sitio web de GoDaddy.

9. Zyro

Zyro es un creador de sitios web DIY con su propio proveedor de alojamiento web que facilita a cualquiera la creación de un sitio web o una tienda en línea.

Zyro es un creador de sitios web popular por sus planes asequibles y sus plantillas flexibles.

Su interfaz fácil de usar lo convierte en una buena opción para principiantes, pero también ofrece algunas funciones sorprendentes para que los usuarios avanzados creen sitios web de aspecto profesional. También puede editar cómodamente las plantillas para añadir su marca.

A continuación te explicamos cómo puedes incrustar tu vídeo de transmisión en directo en un sitio web de Zyro:

  • Accede a tu portal de administración Zyro
  • Vaya al menú de navegación de la izquierda y haga clic en “páginas”.
  • Si quieres crear una nueva página para el vídeo en directo, haz clic en “añadir página” e inserta un título e información relacionada
  • Si no, haga clic en una página existente y seleccione la opción “editar”.
  • Localice el área de su página en la que desea incrustar el vídeo
  • Haga clic en “añadir sección” en el menú de la izquierda
  • Buscar la opción “incrustar código
  • Copie el código de inserción de la plataforma de transmisión de vídeo en directo, como Dacast o YouTube
  • Introduce el código de inserción que has copiado de tu vídeo en directo.
  • Haz clic en “Vista previa ” para ver los cambios
  • Cuando estés listo, haz clic en “Actualizar” para finalizar los cambios.

Y ya está.

Ejemplos de vídeo en directo integrado

He aquí algunas organizaciones que están incrustando vídeos en directo directamente en su sitio web.

He aquí algunas organizaciones que incorporan vídeos en directo directamente a su sitio web.

Deportes en directo

Pittsfield TV es un canal de televisión hecho para su comunidad local. Son un buen ejemplo de eventos en directo que pueden retransmitirse en su sitio web porque, además de retransmitir deportes, también tienen otros canales de educación y noticias en directo.

Música en directo

TV-Polmusic, con sede en Nueva Jersey, destaca a los artistas musicales polacos. Tienen un reproductor de vídeo integrado que transmite vídeos musicales en directo a una audiencia mundial.

Conferencias en directo

El Gresham College es un centro de enseñanza superior situado en Londres que no matricula estudiantes, sino que ofrece conferencias gratuitas al público. Ahora incorporan las retransmisiones en directo de sus conferencias directamente en su sitio web de retransmisiones en directo.

Cómo insertar un reproductor de vídeo en las redes sociales

Tanto si quieres utilizar plataformas de servicios de streaming en redes sociales como Facebook Live para retransmitir deportes en directo como si simplemente quieres organizar un seminario web de formación en directo para tu empresa, la capacidad de integrar contenido de streaming en directo en las redes sociales es vital en el mundo actual.

A pesar de sus limitaciones para la retransmisión en directo, las redes sociales se consideran un medio de probada eficacia para conseguir espectadores y aumentar el número de seguidores de sus emisiones.

Puede compartir uno de estos códigos de incrustación idénticos en Facebook y Twitter para dar acceso a su emisión en directo o vídeo a la carta. Puedes localizar este código en la sección “PUBLISH SETTINGS”de tu contenido de vídeo.

Ten en cuenta que Facebook Live ha restringido su opción de retransmitir en directo directamente en la plataforma. Por lo tanto, si quieres transmitir en directo en la plataforma de Facebook, consulta este tutorial para obtener información sobre cómo trabajar con todos los codificadores compatibles con la transmisión multidestino en Facebook Live

Incrustación de vídeo en directo para dispositivos móviles y ordenadores de sobremesa

 

Puede incrustar vídeos en directo en sus sitios web para ordenadores de sobremesa o móviles sin necesidad de conocimientos de codificación, ya que se le proporciona el código iFrame.

Con Dacast y la mayoría de las demás plataformas de transmisión de vídeo, los organismos de radiodifusión no tienen que preocuparse de escribir el código de incrustación correcto, ya que el software genera el código por usted, lo que facilita la incrustación de vídeo en directo.

Puede copiar y pegar el código de incrustación iFrame o JS directamente en el HTML de su sitio web. Este método funciona bien tanto para sitios móviles como de escritorio. Es una ventaja, porque ver vídeos en dispositivos móviles tiene una historia accidentada.

Flash Media Player de Adobe fue el estándar para reproducir vídeos durante muchos años. Esta tendencia cambió con la llegada de los smartphones, concretamente el iPhone, en 2007. El sistema operativo iOS de Apple nunca ha sido compatible -y probablemente nunca lo será- con la tecnología Flash.

Steve Jobs hizo una declaración pública sobre los defectos técnicos de Flash Media Player. Señaló estos defectos como la razón por la que no utilizaba Flash para iOS de Apple. Este anuncio creó polémica y fuertes especulaciones. Hubo muchas teorías sobre las motivaciones de Jobs. Sin embargo, poco después, Apple lanzó el protocolo HTTP Live Streaming coincidiendo con el debut del iPhone 3.

Flash ha disminuido desde entonces, especialmente en los sistemas operativos móviles. Unos años más tarde, Android siguió su ejemplo y abandonó Adobe Flash. Como resultado, Dacast y otras plataformas de retransmisión en directo del sector integran ahora HTML5 en nuestros códigos de incrustación. Esta función te ayuda a crear reproductores integrados compatibles con la mayoría de los dispositivos.

Cómo mejorar un vídeo en directo incrustado

Después de seguir todos los pasos para incrustar correctamente las transmisiones en directo en un sitio web, lo último que quieres es un vídeo con retardo y un audio tembloroso. Para mejorar la calidad de vídeo de su emisión en directo, debe conocer los codificadores.

Un codificador, entre otras muchas ventajas, hace que tus vídeos y tu sesión de streaming en directo tengan un aspecto más profesional. También estabiliza el streaming cuando la conexión a Internet no es fiable.

Existen dos tipos de codificadores: hardware y software. El uso de un codificador de software o hardware de streaming depende de los objetivos de su marca.

Los codificadores por hardware suelen ser más caros que los codificadores por software, pero son conocidos por su velocidad. Además del precio, otra ventaja de los codificadores por software es que se obtiene acceso instantáneo a las actualizaciones del software de streaming, mientras que actualizar el hardware físico es mucho más difícil.

Si estás empezando con los codificadores, el codificador de código abierto OBS Studio es una buena opción conocida por su sencillez.

Los 3 errores más importantes que debe evitar al incrustar vídeo en directo en su sitio web

Aunque el proceso para incrustar vídeo en directo en todos los creadores de sitios web más conocidos es relativamente sencillo, todavía hay margen para cometer errores. Éstos son los tres principales que debe evitar:

  • Configuración de privacidad: Confirma que la configuración de privacidad de tu vídeo en directo es la misma que la de tu página web. Así te asegurarás de que todos los visitantes de tu sitio web puedan ver el vídeo en directo. Por ejemplo, si has colocado tu vídeo en directo tras un muro de pago para usuarios premium, asegúrate de que la página de tu sitio web sea también para ese público específico, para que los demás usuarios no se encuentren con problemas, como la imposibilidad de ver el vídeo.
  • Actualiza la página: Recuerda actualizar tu página cuando/si eliminas el vídeo en directo. Si tu vídeo se cae por cualquier motivo, la página mostrará un error de enlace roto y afectará negativamente a la experiencia del usuario. Ocurre mucho con los vídeos de YouTube que son eliminados por el administrador o borrados por la red debido a infracciones de la política.
  • Comprueba tus plug-ins: Asegúrate de que no tienes ningún plug-in en tu web que te impida incrustar vídeos en ella. El complemento “Disable Embeds” del sitio de WordPress es un ejemplo de ello.

Reflexiones finales

Como puede ver, es relativamente sencillo incrustar vídeo en directo en su sitio web. Y lo que es más importante, los beneficios pueden ser profundos.

Tanto si eres un experto en tecnología como si no, Dacast te ayudará a conseguir el éxito en la retransmisión de vídeo en directo. Proporcionamos códigos de incrustación fáciles de copiar y pegar en la plataforma de edición de su sitio web. Esto permite una integración de vídeo rápida, sencilla y sin fisuras.

Utilice la solución de profesional de Dacast para alojar sus contenidos de vídeo hoy mismo. ¿Por qué no probarlo gratis? Aproveche nuestra prueba gratuita de 14 días. Puedes probar las características y funciones con restricciones ilimitadas. Ponga en marcha el vídeo en su sitio web de retransmisión en directo y maximice su audiencia hoy mismo.

Pruébelo gratis ahora

Desde
carga segura de vídeos
de su valioso contenido a una
CDN de primer nivel
a los espectadores, ¡tenemos todo cubierto!

 

Harmonie Duhamel

Harmonie is a Senior digital marketer with over 6 years in the Tech Industry. She has a strong marketing and sales background and loves to work in multilingual environments.