¿Qué es el Player Embebible?
El Player Embebible de XtreamCast es un reproductor HTML5 profesional alojado en player.streaminghd.cl. Características:
- Compatible: Chrome, Firefox, Safari, Edge y móviles
- Responsive: Se adapta al tamaño del contenedor
- Personalizable: Color de controles, logo y comportamiento (solo Player v2.0)
- Multi-protocolo: HLS con fallback automático
Versiones del Player
XtreamCast ofrece dos versiones de reproductor:
Player v1.0
Player estándar. La URL se genera según las características del canal (WebRTC, Transcoder, DVR, Low Latency). Formato: https://player.streaminghd.cl/videos/{nombre-canal}
Player v2.0
Player avanzado con personalización completa. Cada canal v2.0 tiene un ID único. Formato: https://player.streaminghd.cl/embed/{id-player}
Con Player v2.0 también se habilita la URL HLS de CDN y la pestaña de Publicidad.
Personalizar el Player (v2.0)
Desde la pestaña "Compartir Streaming" de tu canal, haz clic en el botón de personalización. Opciones disponibles:
- Color principal: Color de los controles del reproductor (por defecto
#ff2b76) - Autoplay: Si el video comienza a reproducir automáticamente
- Muted: Si inicia con audio silenciado (requerido por navegadores para autoplay)
- Logo corporativo: Tu logo visible en el player. Formatos aceptados: PNG, SVG o WebP. Tamaño máximo: 100 KB. Incluye enlace personalizado al hacer clic.
- Ocultar logo: Opción para mostrar u ocultar el logo
💡 Nota sobre autoplay: Los navegadores modernos requieren mute para autoplay. Si activas autoplay, el sistema activa mute automáticamente.
Publicidad VAST (v2.0)
El Player v2.0 soporta el estándar VAST para monetizar tu contenido. La configuración se encuentra en la pestaña "Publicidad" del canal (solo visible con Player v2.0).
Insertar en tu Sitio Web
El código de inserción se genera automáticamente en la pestaña "Compartir Streaming". Formato:
<iframe
src="https://player.streaminghd.cl/embed/XXXXX"
width="640"
height="360"
frameborder="0"
allowfullscreen
></iframe>Dimensiones por defecto: 640×360 (16:9). Para hacerlo responsive:
<div style="position:relative;padding-bottom:56.25%;height:0">
<iframe
src="https://player.streaminghd.cl/embed/XXXXX"
style="position:absolute;top:0;left:0;width:100%;height:100%"
frameborder="0"
allowfullscreen
></iframe>
</div>Compatible con WordPress, Shopify, Wix, Squarespace, Joomla, Drupal y cualquier CMS que acepte HTML.