Criando Player em Janela pop-up

Vamos criar um player dentro de uma janela pop-up, para isto inicialmente temos que configurar o link que irá abrir a janela, cole o seguinte código no local onde vc quer que seja exibido a imagem que irá ter o link para o player:

<div align="center">
<script language="JavaScript"> function abrir(URL) { var width = 270; var height = 360; var left = 99; var top = 99; window.open(URL,'janela', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=no, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no'); } </script>
<a href="javascript:abrir('http://ENDEREÇO_DA_PAGINA_DO_PLAYER');"><img src="http://www.cmaudioevideo.com/ouvir.png" alt="Ouça ao vivo a Rádio" width="166" height="157" border="0" align="middle" title="Ouça ao vivo a Rádio"></a>
</div>

Edite o ENDEREÇO_DA_PAGINA_DO_PLAYER inserindo o endereço que vc postou a página com o código abaixo:



Código da página do player:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>NOME_DA_RÁDIO</TITLE>
<META content=pt-br http-equiv=Content-Language>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META content="MSHTML 5.00.2920.0" name=GENERATOR>
<style type="text/css">
#apDiv1 {
position: absolute;
width: 214px;
height: 179px;
z-index: 1;
left: 749px;
top: 195px;
}
</style>
</HEAD>
<BODY bgcolor="#D18D66" text="#FFFFFF" link="#000000" vlink="#000000" alink="#000000">
<P align=center><font color="#FFFFFF" face="Arial, Helvetica, sans-serif"><strong></strong></font><img src="http://ENDEREÇO_IMAGEM_LOGO_RÁDIO.jpg" width="260" height="100" alt="NOME_DA_RÁDIO"></P>
<P align=center>
<!-- INSIRA AQUI O CÓDIGO DO PLAYER GERADO NO GERADOR DE CÓDIGOS PARA O SEU RESPECTIVO SERVIDOR -->
</BODY>

</HTML>



Substitua os textos em letra maiúscula:
NOME_DA_RÁDIO -> substitua pelo nome da sua rádio, deve ser substituido em dois locais;
ENDEREÇO_IMAGEM_LOGO_RÁDIO -> substitua pelo endereço da imagem do logo da rádio, uma substituição;
<!-- INSIRA AQUI O CÓDIGO DO PLAYER -> substitua pelo código gerado no gerador de códigos:
para o servidor audio1: http://cmaudioevideo.com/muses/audio1.html
para o servidor audio3: http://cmaudioevideo.com/muses/audio3.html


Envie os códigos e teste o funcionamento, precisando entre em contato conosco para obter suporte.

  • 3 Usuários acharam útil
Esta resposta lhe foi útil?

Artigos Relacionados

Acesso ao sistema de administração

Nesta série de tutoriais buscaremos lhe mostrar como usar da melhor forma o nosso sistema de site...

Edição de Páginas

Após estarmos logados no sistema administrativo do site vamos editar as suas páginas, neste...

Edição de Posts (Artigos)

Como você já deve ter percebido, no sistema existe uma divisão entre Páginas e Posts, páginas são...

Trabalhando com Widgets

Um conceito importante no Wordpress (sistema utilizado no site administrável) e que traz um...

Widget Texto: Centralizando o conteúdo

O Widget de Texto pode ser utilizado para inserir diversos tipos de adicionais ao seu site, os...