Um site com carregamento SSL, sempre chama atenção dos visitantes de plantão, que estão em busca de algo que possam confiar, acessar ou cadastrar dados. E agora os Players HTML5 do painel de streaming HostHP podem ser atualizados com links de http:// para https://.
Atenção, antes de prosseguir leia o tutorial completo! Evite transtornos.
Como funciona a atualização
A atualização é apenas a troca do link http:// com IP para um link com domínio, lembrando que lugar de porta o cliente deve atualizar com sua porta padrão do streaming:
- https://player.stream2.com.br/proxy/porta
- https://player.stream2.com.br/player-popup/porta
- https://player.hosthp.com.br/player-popup-responsivo/porta
Em seguida abaixo será informado os Players que podem ser atualizados com estes links:
Player HTML5 Simples
Para este player basta apenas trocar o link http:// com iP para o link em https://player.stream2.com.br/proxy/porta lembrando que em porta deve atualizar com a porta padrão do seu streaming.
Atenção, no código quando for adicionar o link, vai estar com ponto e virgula assim (;) no final, então deve remover para que fique ok.
<style>audio::-webkit-media-controls-timeline { display:none;}</style>
<audio autoplay controls=”controls” src=”http://111.111.11.11:0000/;”></audio>
Ele deve ficar assim, feito isso vai ficar ok.
<style>audio::-webkit-media-controls-timeline { display:none;}</style>
<audio autoplay controls=”controls” src=”http://111.111.11.11:0000/”></audio>
Player Topo/Barra
Já este player basta apenas trocar o link http:// com iP para o link em https://player.stream2.com.br
<iframe src=”http://111.111.11.11/player-barra/porta/000000″ frameborder=”0″ width=”100%” height=”31″></iframe>
Player Pop-up
Neste player você terá duas opções para usar no seu site, basta apenas trocar o link http:// com iP para o link em https://player.stream2.com.br/player-popup/porta
1- Primeiro código.
<script>
function abrir_player_popup() {
window.open( “http://111.111.11.11/player-popup/0000/1″, “”,”width=400,height=270,toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=no,resizable=NO” );
}
</script>
<a href=”javascript:abrir_player_popup();”><img src=”http://111.111.11.11/img/icones/img-icone-player-popup.png” width=”32″ height=”32″ title=”Abrir Player Pop-up” />”</a>
2- Primeiro código.
<iframe src=”http://111.111.11.11/player-popup/0000/1″ frameborder=”0″ width=”500″ height=”290″></iframe>
Player Pop-up HTML5 Responsivo
Neste player você também terá duas opções para usar no seu site, basta apenas trocar o link http:// com iP para o link em https://player.stream2.com.br/player-popup/porta
1- Primeiro código.
<script>
function abrir_player_popup() {
window.open( “http://111.111.11.11/player-popup-responsivo/0000/1″, “”,”width=500,height=290,toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=no,resizable=NO” );
}
</script>
<a href=”javascript:abrir_player_popup();”><img src=”http://111.111.11.11/img/icones/img-icone-player-popup.png” width=”32″ height=”32″ title=”Abrir Player Pop-up” />”</a>
2- Primeiro código.
<iframe src=”http://111.111.11.11/player-popup-responsivo/0000/1″ frameborder=”0″ width=”500″ height=”290″></iframe>
Este foi mais um tutorial HostHP, onde aprendemos a atualizar os links no código dos players de streaming HostHP, deseja ter um tutorial de sua duvida publicado aqui ?
Entre em contato atendimento@hosthp.com.br e nos informe qual o próximo tutorial deseja que criamos!
Comentários