Ir al contenido principal

Reproductor Flotante

Los siguientes reproductores son reproductores de página  y son públicos.

Autoplay en reproductores.

Todos nuestros reproductores soportan autoplay, pero recuerde que chrome anuncio en 2018  el navegador bloquea por defecto el autoplay en la primera vez que lo navega, por lo que el visitante debe hacer clic a play una única vez cuando visita el sitio para autorizar al navegador a hacer autoplay cada vez que vuelve a visitar dicho sitio.

Luego al volver al sitio, el autoplay funcionará, es algo nativo de los naveagadores.


Flotantes en una web

Cada vez mas gente navega desde moviles, y el diario se adapta a los celulares, pero el reproductor queda quizas muy abajo para que la gente lo escuche.

Para solucionar esto tenemos un reproductor flotante que se ve al navegar en su celular de esta manera.

flotante.gif

Para obtenerlo solo donde deberá conocer los siguientes datos:

  • AAAAA = nombre del servidor
  • 1234 = puerto de su radio
<div style="bottom: 0;display: flex;height: 110px;left: 0;position: fixed;right: 0;width: 100%;z-index: 1500;overflow: hidden;"><iframe name="contenedorPlayer" class="cuadroBordeado" allow="autoplay" width="100%" height="130px" marginwidth="0"
      marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" crossorigin="anonymous"
      src="https://AAAAAAAAAAAAAAA/cp/widgets/player/single/?p=1234"></iframe>
  </div>

Como colocarlo en Web Noticioso

Si ya tiene el código como lo describe arriba, lo puede colocar en su noticioso

flotante-en-noticioso.png