Insertar un reproductor de podcast en un sitio web

Su audiencia puede reproducir un clip o una lista de reproducción de su podcast en su propio sitio web con un reproductor incrustado. Esto le da más flexibilidad con su contenido:

• Mantenga a su audiencia en sus propios sitios web en lugar de enviarlos a plataformas de terceros.

• Inserte anuncios con TAP para mantener el control de su monetización.

• Vea información detallada con el análisis de consumo de Omny Studio.

• Puede personalizar la apariencia y las características del reproductor.

También puede ver:

• Publicar en las redes sociales

• Controlar el reproductor incrustado con Player.js API

Agregar un reproductor a una publicación de redes sociales

En este artículo se muestra cómo insertar un reproductor incrustado en una página web o artículo de blog. Para obtener más información sobre cómo agregar un reproductor a una publicación de redes sociales, consulte Publicar en redes sociales.

Incrustar un reproductor en un blog o plataforma web

Puede insertar fácilmente un reproductor incrustado para un clip en un artículo en la plataforma que aloja su blog y contenido web. Para obtener detalles específicos, consulte Incrustar un reproductor de podcast en Wordpress e Incrustar un reproductor de podcast en Squarespace.

1. En Omny Studio, busque el clip que desea incrustar.

2. En la pestaña Detalles del clip, copie la URL del reproductor web en el portapapeles.

3. En el editor de artículos de su plataforma de contenido, inserte un elemento "incrustar" y luego pegue el portapapeles.

Incrustar un reproductor en HTML

Puede incrustar un reproductor para un clip o una lista de reproducción en código HTML directamente.

1. En Omny Studio, busque el clip o la lista de reproducción que desea incrustar.

2. En Detalles, seleccione la pestaña Incrustar.

3. Elija qué reproductor incrustado desea usar. Consulte Elegir un reproductor incrustado.

4. Opcional: Personaliza la apariencia del jugador.

5. Desplácese hacia abajo hasta el código iFrame y luego copie su contenido en el portapapeles.

6. En el editor HTML, pegue el código HTML del reproductor incrustado.

Elija un reproductor incrustado

Omny Studio proporciona estos reproductores incrustados para su contenido de audio y video.

Personalizar la apariencia del reproductor incrustado

Puede personalizar lo que aparece en un reproductor incrustado. Puede personalizar los reproductores incrustados individualmente o establecer valores predeterminados para toda una organización, red o programa. Para obtener más información, consulte Configuración de herencia en Omny Studio.

Personalizar la apariencia de los reproductores Clip Embed

• Mostrar ilustración: muestra u oculta el material gráfico del clip de reproducción.

• Mostrar compartir: muestra u oculta el botón de compartir. En el reproductor incrustado, al seleccionar el botón de compartir se muestra el botón de descarga opcional y los elementos que ha habilitado en la pestaña Web y redes sociales .

• Mostrar descarga: muestra u oculta el botón de descarga en la pantalla de compartir.

• Mostrar descripción: muestra u oculta el botón de información y la descripción del clip de reproducción.

• Mostrar podcast de seguimiento: muestra u oculta el botón de seguir.

• Colores personalizados: anule los colores predeterminados del reproductor incrustado para resaltado, primer plano y fondo.

Personalizar la apariencia de los reproductores incrustados en listas de reproducción

• Mostrar ilustraciones de clips en lista de reproducción: muestra u oculta las ilustraciones de cada clip en una lista de reproducción.

• Mostrar lista de reproducción compartir y seguir: muestra u oculta el botón seguir podcast.

Personalización avanzada del reproductor incrustado

También puede agregar funciones a un reproductor incrustado editando su código HTML.

Personalizar dimensiones

Puede personalizar las dimensiones horizontales y verticales del reproductor incrustado en la página web. Para ello, edite el botón width y height atributos del elemento iframe del reproductor incrustado en el HTML. Tenga en cuenta que algunas dimensiones pueden no ser apropiadas para el tipo de reproductor incrustado que elija.

Personalizar el comportamiento con parámetros de consulta

Puede personalizar el comportamiento del reproductor incrustado agregando parámetros de consulta a la URL en el cuadro src atributo del código HTML del reproductor incrustado.

Por ejemplo, el valor predeterminado src El atributo podría tener este aspecto:

src="https://omny.example/shows/show-slug/clip-slug/embed"

Para especificar que la reproducción debe comenzar a los 1 minutos y 5 segundos, debe agregar un signo de interrogación ? seguido del parámetro query t=1m05s:

src="https://omny.example/shows/show-slug/clip-slug/embed?t=1m05s"

Puede especificar varios parámetros de consulta después del signo de interrogación. Para ello, combínalos con ampersands (&). Por ejemplo, esto coloca la inserción en 1 minutos y 5 segundos con la reproducción automática habilitada:

src="https://omny.example/shows/show-slug/clip-slug/embed?t=1m05s&autoplay=1"

Parámetros de consulta para reproductores incrustados de clips y listas de reproducción

Parámetros de consulta para reproductores incrustados de listas de reproducción

Personalizar mediante programación

Puede controlar mediante programación el reproductor incrustado en Javascript. Para obtener más información, consulte Control del reproductor incrustado con API de Player.js.