Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Categoria dos subs fóruns
Hoje à(s) 01:19 pm por PrisoN†BreaK

» Icone e banner para o fórum.
Hoje à(s) 12:04 pm por PrisoN†BreaK

» Personalização De Linhas No Forum Na Barra De Rolamento Da Tela
Hoje à(s) 08:10 am por Daniel Yan

» Sao Botoes Para Meu Rank Personalizados
Hoje à(s) 08:06 am por Daniel Yan

» Modificação na descrição do fórum
Hoje à(s) 04:14 am por HRRPG

» Logo para o Natal ;v
Hoje à(s) 01:53 am por Fou-Lu

» Avatar Sonic
Hoje à(s) 01:48 am por Fou-Lu

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Gaaratsu
 
Daniel Yan
 
Ketholy
 
Shek
 
Eduardo Lima
 
ranzatti
 
cocas20
 
LucasPofahl
 

Quem está conectado
214 usuários online :: 9 usuários cadastrados, 1 Invisível e 204 Visitantes :: 2 Motores de busca

Daniel Yan, Holkis, Juarez Maoski, Ketholy, odelgado, PrisoN†BreaK, Quinn, ranzatti, WizzardPT

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Como colocar musica na pagina de HTML

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como colocar musica na pagina de HTML

Mensagem por Silva_Only em 29/09/15, 09:53 am

Detalhes da questão


Endereço do fórum: http://brasilgoodliferpg.forumeiros.com/forum
Versão do fórum: PunBB

Descrição


Detalhes da questão


Endereço do fórum: http://brasilgoodliferpg.forumeiros.com/forum
Versão do fórum: PunBB

Descrição


Olá gostaria de saber como se coloca musica na minha pagina de HTML.
Link da pagina: http://brasilgoodliferpg.forumeiros.com
Aguardo respostas
avatar

Silva_Only
Nível 5

Masculino
Inscrito dia : 10/03/2015
Mensagens : 51
Pontos Ativos : 93

Ver perfil do usuário http://combatesf.forumeiros.com/forum

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Elemar em 29/09/15, 10:24 am

@Silva_Only escreveu:

Detalhes da questão



Endereço do fórum: http://brasilgoodliferpg.forumeiros.com/forum
Versão do fórum: PunBB

Descrição



Detalhes da questão



Endereço do fórum: http://brasilgoodliferpg.forumeiros.com/forum
Versão do fórum: PunBB

Descrição




Olá gostaria de saber como se coloca musica na minha pagina de HTML.
Link da pagina: http://brasilgoodliferpg.forumeiros.com
Aguardo respostas

há sim como fazer, poderia me passar o audio ? eu mesmo criaria o audio para você
avatar

Elemar
Nível 4

Masculino
Inscrito dia : 27/09/2015
Mensagens : 26
Pontos Ativos : 47

Ver perfil do usuário http://xicxic.livreforum.com

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Fraise em 29/09/15, 11:20 am

Olá Silva! Muito feliz

Aqui está o código:
Código:
<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

Deverá colocar o código logo abaixo da tag <body>. Lembrando que, o aúdio deve ser um ficheiro mp3 e deve ser substituido por audio.mp3 no código.

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only em 29/09/15, 12:25 pm

Olá, não consegui inserir esse codigo. tem algum tutorial ou poderia explicar melhor?
Aguardo resposta!
avatar

Silva_Only
Nível 5

Masculino
Inscrito dia : 10/03/2015
Mensagens : 51
Pontos Ativos : 93

Ver perfil do usuário http://combatesf.forumeiros.com/forum

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Fraise em 29/09/15, 12:27 pm

Olá novamente!

Não conseguiu ou não funcionou?
Poderia fornecer o endereço da página HTML na qual deseja adicionar audio?

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only em 29/09/15, 01:17 pm

Olá,
Não consegui colocar o codigo.
A pagina HTML na qual queria colocar áudio é esta: http://brasilgoodliferpg.forumeiros.com
Aguardo resposta
avatar

Silva_Only
Nível 5

Masculino
Inscrito dia : 10/03/2015
Mensagens : 51
Pontos Ativos : 93

Ver perfil do usuário http://combatesf.forumeiros.com/forum

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Fraise em 29/09/15, 01:20 pm

Olá!

Ah...! Poderia fornecer o código dessa tal página?

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only em 29/09/15, 05:48 pm

Olá,
Aqui está o código da pagina.
A musica escolhida é https://youtu.be/J9NQFACZYEU

Código:
<br /><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><script language="JavaScript">
    function down() { if (event.button==2) { alert("Cuidado,pois o responsável da pagina foi avisado!."); } } function up() { if (event.button==2) { alert("Por favor, não repita isso! Essa página está protegida contra escrita!"); document.write("<body bgcolor='000000' text='ff0000'><center><h1>Se você ainda não sabe fazer uma cópia sem autorização do autor é crime.</h1></center><br><br>"); document.write('<a href="javascript:history.back()"><center>Voltar</center></a>'); } } document.onmousedown=down; document.onmouseup=up;
    function MM_displayStatusMsg(msgStr) { http://v1.0
    status=msgStr;
    document.MM_returnValue = true;}
    </script><script language="JavaScript">
        <!--
        var mensagem="";
        function clickIE() {if (document.all) {(mensagem);return false;}}
        function clickNS(e) {if
        (document.layers||(document.getElementById&&!document.all)) {
        if (e.which==2||e.which==3) {alert (" FORUM PROTEGIDO - EQUIPE BPS ")(mensagem);return false;}}}
        if (document.layers)
        {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
        else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
        document.oncontextmenu=new Function("return false")
        // -->
        </script>  <script type="text/javascript">
        //<![CDATA[
        shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="/h6-"});
        //]]>
        </script><title>Brasil Good Life</title><meta iso-8859-1"="" content="text/html;charset=" http-equiv="Content-Type" /><style>
    <link rel="stylesheet" type="text/css"  href="estilo.css" />
    body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
      /* The reset rules */
      margin:0px;
      padding:0px;
    }

    body{
      color:#FFFF;
      font-size:13px;
    
      font-family:Arial, Helvetica, sans-serif;
      width: 100%;
      background:url("http://ocdn.eu/images/pulscms/ZTI7MDA_/3fc0026b0e67aa85d145bd05989b9b84.jpg") no-repeat; center;
            background-size: cover;
    }
    /*--- MENU DROPDOWN ---*/
    #cssmenu {
      text-align: center;
        margin-top: 100px;
        background: rgba(0, 0, 0, 0.28);
        border: 1px solid rgba(0, 0, 0, 0.4);
        padding: 15px;
        padding:10px;
        color:#CCC;
        display: block;
        margin: 50px auto;
        width: 1000px;
        float: center;
      font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
    }
    #cssmenu ul {
      background: #333333;
      height: 35px;
      list-style: none;
      margin: 0;
      padding: 0;
      text-shadow: 2px 2px 2px #000;
    }
    #cssmenu li {
      float: left;
      padding: 0px;
    }
    #cssmenu li a {
      background: #333333 url('seperator.gif') bottom right no-repeat;
      display: block;
      font-weight: normal;
      line-height: 35px;
      margin: 0px;
      padding: 0px 25px;
      text-align: center;
      text-decoration: none;
    }
    #cssmenu > ul > li > a {
      color: #cccccc;
    }
    #cssmenu ul ul a {
      color: #cccccc;
    }
    #cssmenu li > a:hover,
    #cssmenu ul li:hover > a {
      background: #575959 url('hover.png') bottom center no-repeat;
      color: #ffffff;
      text-decoration: none;
      text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F;
    }
    #cssmenu li ul {
      background: #333333;
      display: none;
      height: auto;
      padding: 0px;
      margin: 0px;
      border: 0px;
      position: absolute;
      width: 225px;
      z-index: 200;
      /*top:1em;
      /*left:0;*/

    }
    #cssmenu li:hover ul {
      display: block;
    }
    #cssmenu li li {
      background: url('sub_sep.gif') bottom left no-repeat;
      display: block;
      float: none;
      margin: 0px;
      padding: 0px;
      width: 225px;
    }
    #cssmenu li:hover li a {
      background: none;
    }
    #cssmenu li ul a {
      display: block;
      height: 35px;
      font-size: 12px;
      font-style: normal;
      margin: 0px;
      padding: 0px 10px 0px 15px;
      text-align: left;
    }
    #cssmenu li ul a:hover,
    #cssmenu li ul li:hover > a {
      background: #575959 url('hover_sub.png') center left no-repeat;
      border: 0px;
      color: #ffffff;
      text-decoration: none;
    }
    #cssmenu p {
      clear: left;
    }



    h1{
      font-size:28px;
      font-weight:bold;
      font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
      letter-spacing:1px;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
      color:#FFF;
    }
    h3{
      font-size:13px;
      font-weight:bold;
      font-family:"Courier New";
      letter-spacing:1px;
      color:#FFF;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }

    h2{
      font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
      font-size:10px;
      font-weight:normal;
      letter-spacing:1px;
      padding-left:2px;
      text-transform:uppercase;
      white-space:nowrap;
      margin-top:4px;
      color:#FFF;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }

    #main p{
      padding-bottom:8px;
    }

    .clear{
      clear:both;
    }

    #main{
      width:800px;
      /* Centering it in the middle of the page */
      margin:60px auto;
    margin-top:1px;
    }

    #main2{
      width:100px;
    margin:100px auto;
    }

    .container{
    margin-top: 20px;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(0, 0, 0, 0.4);
    padding: 15px;

    }
    .container2{
      margin-top:20px;
      margin:100px;
      background:#FFFFFF;
      border:1px solid #E0E0E0;


    }

    .err{
      color:red;
    }

    .success{
      color:#00CC00;
    }

    a, a:visited {
    
      text-decoration:none;
      outline:none;
    }

    a:hover{
      text-decoration: none;
    }

    .footer{
      text-align:center;
      padding:10px;
      color:#CCC;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }
    #leftrightcontainer{
        width:700px;
        height:400px;
        border:none;
      margin: 0 auto;
    }

    #leftrightcontainer div{
        width:40%;
        float:left;
        height:350px;
      margin-top:20px;
        margin-right:35px;
      background:#FFFFFF;
      border:1px solid #E0E0E0;
      padding:15px;
    
    }






    .alert {
      background: #fff6bf url(../images/exclamation.png) center no-repeat;
      background-position: 15px 50%; /* x-pos y-pos */
      text-align: left;
      padding: 5px 20px 5px 45px;
      border-top: 2px solid #ffd324;
      border-bottom: 2px solid #ffd324;
      }
    .done {
      background: #d7f7c4 url(../images/accept.png) center no-repeat;
      background-position: 15px 50%; /* x-pos y-pos */
      text-align: left;
      padding: 5px 20px 5px 45px;
      border-top: 2px solid #82cb2f;
      border-bottom: 2px solid #82cb2f;
      }
    a#button, a#button:visited {
    display:inline-block;
    background: url(http://i49.servimg.com/u/f49/15/99/54/36/simple10.png) repeat-x;
    width: 150px;
    padding:10px 0;
    text-align:center;
    border:1px solid #608925;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.<img src="http://illiweb.com/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />;
    font-weight:bold;
    text-transform:uppercase;
    color:#FFF;
    text-decoration: none;
    opacity:.85;
    }

    a#button:hover {
    border-color:#49671d;
    }

    a#button:active {
    background-position:  0 -200px;
    padding:11px 0 9px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.<img src="http://illiweb.com/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />;
    }
    </style>    <script type="text/javascript">
    //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
    function tb8_makeArray(n){
      this.length = n;
      return this.length;
    }


    tb8_messages = new tb8_makeArray(3);
    tb8_messages[0] = "Brasil Good Life rpg;
    tb8_messages[1] = "Seja Bem Vindo ao nosso servidor !";
    tb8_messages[2] = "Esperemos que se divirta no nosso servidor.";
    tb8_rptType = 'infinite';
    tb8_rptNbr = 5;
    tb8_speed = 100;
    tb8_delay = 2000;
    var tb8_counter=1;
    var tb8_currMsg=0;
    var tb8_tekst ="";
    var tb8_i=0;
    var tb8_TID = null;
    function tb8_pisi(){
      tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
      document.title = tb8_tekst;
      tb8_sp=tb8_speed;
      tb8_i++;
      if (tb8_i==tb8_messages[tb8_currMsg].length){
          tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
      }
      if (tb8_currMsg == tb8_messages.length){
          if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
            clearTimeout(tb8_TID);
            return;
          }
          tb8_counter++;
          tb8_currMsg = 0;
      }
      tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
    }
    tb8_pisi()
    </script>
<div align="center" class="pageContent">
                                                                                                                                                 
   <div id="cssmenu">
                                                                                                                                                        
      <ul>
                                                                                                                                                                               
         <li>
                                                                                                     <a href="http://brasilgoodliferpg.forumeiros.com/forum"><span><strong>Forum</strong></span></a>                                                                                
         </li>
                                                                                                                                                                               
         <li>
                                                         <a href="http://brasilgoodliferpg.forumeiros.com/portal"><span><strong>PORTAL</strong></span></a>                                                                                
         </li>
                                   
         <li>
                                                         <a href="http://brasilgoodliferpg.forumeiros.com/f71-noticias-da-administracao"><span><strong>Beneficios Vip/Sócio</strong></span></a>                                                                                
         </li>
                                                                                                                                                                                                                                       
         <ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
            <li>
                                                                                                         <a href="register"><span><strong>Registrar-se</strong></span></a>                                                                                
            </li>
                                                                                                                                                                                  
            <li><a href="http://brasilgoodliferpg.forumeiros.com/login"><span><strong>LOGIN</strong></span></a>                                                                                
            </li>
                                      
            <li>
                                                                                                        <a href="http://dl.4players.de/ts/releases/3.0.16/TeamSpeak3-Client-win32-3.0.16.exe"><span><strong>Download TS3</strong></span></a>                                                                                
            </li>
                                                                                                                                                                                  
            <li class="last">
                                                                                                         <a href="http://sa-mp.com/download.php"><span><strong>Download SA:MP 0.3.7</strong></span></a>                                                                                
            </li>
                                                                                                                                                                  
         </ul>
                                                                                                                                                     
      </ul>
                              
   </div>
                                                                                                                                                 
   <div id="main">
                                                                                                                                                                  
      <div align="center">
                                                                                                                                                                           
      </div>
                                                                                                                                                                  
      <div class="container">
                                                                                                                                                                               
         <h1 align="center">
                                                                                                      <span style="font-size: 38px;"><span style="color: rgb(25, 0, 255);"> Brasil  </span><span style="color: rgb(25, 0, 255);"> </span><span style="color: rgb(25, 0, 255);">Good <span style="color: rgb(25, 0, 255);">Life</span></span></span>                                                          
         </h1>
                                                                                                                                                                           
         <h2 align="center">
                                                                           <strong>    <span style="font-size: 16px;"><strong>Venha Viver o melhor do RPG!.</strong></span></strong>                                                          
         </h2>
                                                                                                                                                                         
      </div>
                                                                                                                                                                  
      <div align="center" class="container">
                                                                                          <br /><br />                                                                                  
         <h1 align="center">
                                                                           ~Seja Bem Vindo ao nosso Fórum~                                                          
         </h1>
                                                                                                                                                                               
         <div align="center" class="container">
                                                                                                                                
            <h1 align="center">
                                                                            <strong style="color: rgb(17, 17, 17); font-family: Arial, Helvetica, sans-serif; font-size: 13px;"><span style="font-size: 16px;"><span style="color: rgb(255, 255, 255);"><span style="color: #990cc;">Aqui você encontra  o que precisa de saber sobre o servidor, atualizações e muitas outras coisas. Toddas as novidades serão postadas aqui!</span></span></span></strong><br />                                                          
            </h1>
                                                                                                                            
         </div>
                                                                                                                                               
         <div align="center" class="container">
                                                                                                      
            <h2 align="center">
                                                                                <strong style="color: #ff345c;" <span="" servidor:="" do="" ip=""><span style="font-size: 24px;"><span style="font-size: 24px;">IP do servidor: 74.122.192.111:7777</span></span>                                             </strong>              
            </h2>
                                                                                                                                                                                                                                      
         </div>
                                                                                                                                                                               
         <div class="container footer">
                                                                                                                                                                                                
            <h2 align="center">
                                                                               <strong><span style="font-size: 24px;">IP DO TEAM SPEAK3:  Brevemente                                              </span></strong>              
            </h2>
                                                                                                                                                                                        
         </div>
                                              <a target="_blank" href="http://www.forumeiros.com"></a>                                                                                                                                
         <div class="container footer">
                                                                            <span style="color: rgb(27, 147, 255);">                          © Copyright 2015 -Desenvolvido por: Daniel_F -Todos os Direitos Reservados</span><a href="http://www.forumeiros.com" target="_blank"></a><object style="width: 1px; height: 1px;"><param id="movie" value="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMS8wNC8xNy8yLzIvInagaMEMjJlMmVhYWVhNGQ3MDQzNzE3MDk0Y2UzNTFjZTgyNTUdUngWeBXAzfEIdUngWS5PLkIdUngfFN5mUsIC3RlWeBSBvInagaMEZiBhIERvInagaMEd258MXwy" /><param id="quality" value="high" /><param id="wmode" value="transparent" /><embed style="width: 1px; height: 1px;" src="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMS8wNC8xNy8yLzIvInagaMEMjJlMmVhYWVhNGQ3MDQzNzE3MDk0Y2UzNTFjZTgyNTUdUngWeBXAzfEIdUngWS5PLkIdUngfFN5mUsIC3RlWeBSBvInagaMEZiBhIERvInagaMEd258MXwy" quality="high" wmode="transparent" type="application/x-shockwave-flash" /></object><br /> <embed style="width: 1px; height: 1px;" src="https://www.youtube.com/watch?v=TcT4Y_sQ0qg?version=3&hl=pt_BR&rel=0&autoplay=1;volume=70;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" />              

                                  
                               
   </div>
</div>
avatar

Silva_Only
Nível 5

Masculino
Inscrito dia : 10/03/2015
Mensagens : 51
Pontos Ativos : 93

Ver perfil do usuário http://combatesf.forumeiros.com/forum

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Fraise em 29/09/15, 06:36 pm

Olá Silva!

Não consegui obter a música que o senhor deseja em formato .mp3, por isso coloquei outra.
Substitua o código da sua página por este:
Código:
<br /><meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<audio controls>
  <source src="http://meoarena.party/musica.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<script language="JavaScript">
    function down() { if (event.button==2) { alert("Cuidado,pois o responsável da pagina foi avisado!."); } } function up() { if (event.button==2) { alert("Por favor, não repita isso! Essa página está protegida contra escrita!"); document.write("<body bgcolor='000000' text='ff0000'><center><h1>Se você ainda não sabe fazer uma cópia sem autorização do autor é crime.</h1></center><br><br>"); document.write('<a href="javascript:history.back()"><center>Voltar</center></a>'); } } document.onmousedown=down; document.onmouseup=up;
    function MM_displayStatusMsg(msgStr) { http://v1.0
    status=msgStr;
    document.MM_returnValue = true;}
    </script><script language="JavaScript">
        <!--
        var mensagem="";
        function clickIE() {if (document.all) {(mensagem);return false;}}
        function clickNS(e) {if
        (document.layers||(document.getElementById&&!document.all)) {
        if (e.which==2||e.which==3) {alert (" FORUM PROTEGIDO - EQUIPE BPS ")(mensagem);return false;}}}
        if (document.layers)
        {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
        else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
        document.oncontextmenu=new Function("return false")
        // -->
        </script>  <script type="text/javascript">
        //<![CDATA[
        shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="/h6-"});
        //]]>
        </script><title>Brasil Good Life</title><meta iso-8859-1"="" content="text/html;charset=" http-equiv="Content-Type" /><style>
    <link rel="stylesheet" type="text/css"  href="estilo.css" />
    body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
      /* The reset rules */
      margin:0px;
      padding:0px;
    }

    body{
      color:#FFFF;
      font-size:13px;
   
      font-family:Arial, Helvetica, sans-serif;
      width: 100%;
      background:url("http://ocdn.eu/images/pulscms/ZTI7MDA_/3fc0026b0e67aa85d145bd05989b9b84.jpg") no-repeat; center;
            background-size: cover;
    }
    /*--- MENU DROPDOWN ---*/
    #cssmenu {
      text-align: center;
        margin-top: 100px;
        background: rgba(0, 0, 0, 0.28);
        border: 1px solid rgba(0, 0, 0, 0.4);
        padding: 15px;
        padding:10px;
        color:#CCC;
        display: block;
        margin: 50px auto;
        width: 1000px;
        float: center;
      font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
    }
    #cssmenu ul {
      background: #333333;
      height: 35px;
      list-style: none;
      margin: 0;
      padding: 0;
      text-shadow: 2px 2px 2px #000;
    }
    #cssmenu li {
      float: left;
      padding: 0px;
    }
    #cssmenu li a {
      background: #333333 url('seperator.gif') bottom right no-repeat;
      display: block;
      font-weight: normal;
      line-height: 35px;
      margin: 0px;
      padding: 0px 25px;
      text-align: center;
      text-decoration: none;
    }
    #cssmenu > ul > li > a {
      color: #cccccc;
    }
    #cssmenu ul ul a {
      color: #cccccc;
    }
    #cssmenu li > a:hover,
    #cssmenu ul li:hover > a {
      background: #575959 url('hover.png') bottom center no-repeat;
      color: #ffffff;
      text-decoration: none;
      text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F;
    }
    #cssmenu li ul {
      background: #333333;
      display: none;
      height: auto;
      padding: 0px;
      margin: 0px;
      border: 0px;
      position: absolute;
      width: 225px;
      z-index: 200;
      /*top:1em;
      /*left:0;*/

    }
    #cssmenu li:hover ul {
      display: block;
    }
    #cssmenu li li {
      background: url('sub_sep.gif') bottom left no-repeat;
      display: block;
      float: none;
      margin: 0px;
      padding: 0px;
      width: 225px;
    }
    #cssmenu li:hover li a {
      background: none;
    }
    #cssmenu li ul a {
      display: block;
      height: 35px;
      font-size: 12px;
      font-style: normal;
      margin: 0px;
      padding: 0px 10px 0px 15px;
      text-align: left;
    }
    #cssmenu li ul a:hover,
    #cssmenu li ul li:hover > a {
      background: #575959 url('hover_sub.png') center left no-repeat;
      border: 0px;
      color: #ffffff;
      text-decoration: none;
    }
    #cssmenu p {
      clear: left;
    }



    h1{
      font-size:28px;
      font-weight:bold;
      font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
      letter-spacing:1px;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
      color:#FFF;
    }
    h3{
      font-size:13px;
      font-weight:bold;
      font-family:"Courier New";
      letter-spacing:1px;
      color:#FFF;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }

    h2{
      font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
      font-size:10px;
      font-weight:normal;
      letter-spacing:1px;
      padding-left:2px;
      text-transform:uppercase;
      white-space:nowrap;
      margin-top:4px;
      color:#FFF;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }

    #main p{
      padding-bottom:8px;
    }

    .clear{
      clear:both;
    }

    #main{
      width:800px;
      /* Centering it in the middle of the page */
      margin:60px auto;
    margin-top:1px;
    }

    #main2{
      width:100px;
    margin:100px auto;
    }

    .container{
    margin-top: 20px;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(0, 0, 0, 0.4);
    padding: 15px;

    }
    .container2{
      margin-top:20px;
      margin:100px;
      background:#FFFFFF;
      border:1px solid #E0E0E0;


    }

    .err{
      color:red;
    }

    .success{
      color:#00CC00;
    }

    a, a:visited {
   
      text-decoration:none;
      outline:none;
    }

    a:hover{
      text-decoration: none;
    }

    .footer{
      text-align:center;
      padding:10px;
      color:#CCC;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }
    #leftrightcontainer{
        width:700px;
        height:400px;
        border:none;
      margin: 0 auto;
    }

    #leftrightcontainer div{
        width:40%;
        float:left;
        height:350px;
      margin-top:20px;
        margin-right:35px;
      background:#FFFFFF;
      border:1px solid #E0E0E0;
      padding:15px;
   
    }






    .alert {
      background: #fff6bf url(../images/exclamation.png) center no-repeat;
      background-position: 15px 50%; /* x-pos y-pos */
      text-align: left;
      padding: 5px 20px 5px 45px;
      border-top: 2px solid #ffd324;
      border-bottom: 2px solid #ffd324;
      }
    .done {
      background: #d7f7c4 url(../images/accept.png) center no-repeat;
      background-position: 15px 50%; /* x-pos y-pos */
      text-align: left;
      padding: 5px 20px 5px 45px;
      border-top: 2px solid #82cb2f;
      border-bottom: 2px solid #82cb2f;
      }
    a#button, a#button:visited {
    display:inline-block;
    background: url(http://i49.servimg.com/u/f49/15/99/54/36/simple10.png) repeat-x;
    width: 150px;
    padding:10px 0;
    text-align:center;
    border:1px solid #608925;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.<img src="http://illiweb.com/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />;
    font-weight:bold;
    text-transform:uppercase;
    color:#FFF;
    text-decoration: none;
    opacity:.85;
    }

    a#button:hover {
    border-color:#49671d;
    }

    a#button:active {
    background-position:  0 -200px;
    padding:11px 0 9px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.<img src="http://illiweb.com/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />;
    }
    </style>    <script type="text/javascript">
    //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
    function tb8_makeArray(n){
      this.length = n;
      return this.length;
    }


    tb8_messages = new tb8_makeArray(3);
    tb8_messages[0] = "Brasil Good Life rpg;
    tb8_messages[1] = "Seja Bem Vindo ao nosso servidor !";
    tb8_messages[2] = "Esperemos que se divirta no nosso servidor.";
    tb8_rptType = 'infinite';
    tb8_rptNbr = 5;
    tb8_speed = 100;
    tb8_delay = 2000;
    var tb8_counter=1;
    var tb8_currMsg=0;
    var tb8_tekst ="";
    var tb8_i=0;
    var tb8_TID = null;
    function tb8_pisi(){
      tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
      document.title = tb8_tekst;
      tb8_sp=tb8_speed;
      tb8_i++;
      if (tb8_i==tb8_messages[tb8_currMsg].length){
          tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
      }
      if (tb8_currMsg == tb8_messages.length){
          if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
            clearTimeout(tb8_TID);
            return;
          }
          tb8_counter++;
          tb8_currMsg = 0;
      }
      tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
    }
    tb8_pisi()
    </script>
<div align="center" class="pageContent">
                                                                                                                                               
  <div id="cssmenu">
                                                                                                                                                       
      <ul>
                                                                                                                                                                             
        <li>
                                                                                                    <a href="http://brasilgoodliferpg.forumeiros.com/forum"><span><strong>Forum</strong></span></a>                                                                               
        </li>
                                                                                                                                                                               
        <li>
                                                        <a href="http://brasilgoodliferpg.forumeiros.com/portal"><span><strong>PORTAL</strong></span></a>                                                                               
        </li>
                                   
        <li>
                                                        <a href="http://brasilgoodliferpg.forumeiros.com/f71-noticias-da-administracao"><span><strong>Beneficios Vip/Sócio</strong></span></a>                                                                               
        </li>
                                                                                                                                                                                                                                     
        <ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
            <li>
                                                                                                        <a href="register"><span><strong>Registrar-se</strong></span></a>                                                                               
            </li>
                                                                                                                                                                                 
            <li><a href="http://brasilgoodliferpg.forumeiros.com/login"><span><strong>LOGIN</strong></span></a>                                                                               
            </li>
                                     
            <li>
                                                                                                        <a href="http://dl.4players.de/ts/releases/3.0.16/TeamSpeak3-Client-win32-3.0.16.exe"><span><strong>Download TS3</strong></span></a>                                                                               
            </li>
                                                                                                                                                                                 
            <li class="last">
                                                                                                        <a href="http://sa-mp.com/download.php"><span><strong>Download SA:MP 0.3.7</strong></span></a>                                                                               
            </li>
                                                                                                                                                                 
        </ul>
                                                                                                                                                   
      </ul>
                             
  </div>
                                                                                                                                               
  <div id="main">
                                                                                                                                                                 
      <div align="center">
                                                                                                                                                                         
      </div>
                                                                                                                                                                 
      <div class="container">
                                                                                                                                                                             
        <h1 align="center">
                                                                                                      <span style="font-size: 38px;"><span style="color: rgb(25, 0, 255);"> Brasil  </span><span style="color: rgb(25, 0, 255);"> </span><span style="color: rgb(25, 0, 255);">Good <span style="color: rgb(25, 0, 255);">Life</span></span></span>                                                         
        </h1>
                                                                                                                                                                           
        <h2 align="center">
                                                                          <strong>    <span style="font-size: 16px;"><strong>Venha Viver o melhor do RPG!.</strong></span></strong>                                                         
        </h2>
                                                                                                                                                                       
      </div>
                                                                                                                                                                 
      <div align="center" class="container">
                                                                                          <br /><br />                                                                                 
        <h1 align="center">
                                                                          ~Seja Bem Vindo ao nosso Fórum~                                                         
        </h1>
                                                                                                                                                                             
        <div align="center" class="container">
                                                                                                                               
            <h1 align="center">
                                                                            <strong style="color: rgb(17, 17, 17); font-family: Arial, Helvetica, sans-serif; font-size: 13px;"><span style="font-size: 16px;"><span style="color: rgb(255, 255, 255);"><span style="color: #990cc;">Aqui você encontra  o que precisa de saber sobre o servidor, atualizações e muitas outras coisas. Toddas as novidades serão postadas aqui!</span></span></span></strong><br />                                                         
            </h1>
                                                                                                                           
        </div>
                                                                                                                                               
        <div align="center" class="container">
                                                                                                     
            <h2 align="center">
                                                                                <strong style="color: #ff345c;" <span="" servidor:="" do="" ip=""><span style="font-size: 24px;"><span style="font-size: 24px;">IP do servidor: 74.122.192.111:7777</span></span>                                            </strong>             
            </h2>
                                                                                                                                                                                                                                     
        </div>
                                                                                                                                                                             
        <div class="container footer">
                                                                                                                                                                                               
            <h2 align="center">
                                                                              <strong><span style="font-size: 24px;">IP DO TEAM SPEAK3:  Brevemente                                              </span></strong>             
            </h2>
                                                                                                                                                                                       
        </div>
                                              <a target="_blank" href="http://www.forumeiros.com"></a>                                                                                                                               
        <div class="container footer">
                                                                            <span style="color: rgb(27, 147, 255);">                          © Copyright 2015 -Desenvolvido por: Daniel_F -Todos os Direitos Reservados</span><a href="http://www.forumeiros.com" target="_blank"></a><object style="width: 1px; height: 1px;"><param id="movie" value="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMS8wNC8xNy8yLzIvInagaMEMjJlMmVhYWVhNGQ3MDQzNzE3MDk0Y2UzNTFjZTgyNTUdUngWeBXAzfEIdUngWS5PLkIdUngfFN5mUsIC3RlWeBSBvInagaMEZiBhIERvInagaMEd258MXwy" /><param id="quality" value="high" /><param id="wmode" value="transparent" /><embed style="width: 1px; height: 1px;" src="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMS8wNC8xNy8yLzIvInagaMEMjJlMmVhYWVhNGQ3MDQzNzE3MDk0Y2UzNTFjZTgyNTUdUngWeBXAzfEIdUngWS5PLkIdUngfFN5mUsIC3RlWeBSBvInagaMEZiBhIERvInagaMEd258MXwy" quality="high" wmode="transparent" type="application/x-shockwave-flash" /></object><br /> <embed style="width: 1px; height: 1px;" src="https://www.youtube.com/watch?v=TcT4Y_sQ0qg?version=3&hl=pt_BR&rel=0&autoplay=1;volume=70;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" />             

                                 
                               
  </div>
</div>

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only em 29/09/15, 07:16 pm

Olá fraise,
Eu gostaria de saber se é possivel colocar rádio em vez de musica e qual seria o codigo!
Aguardo resposta!
avatar

Silva_Only
Nível 5

Masculino
Inscrito dia : 10/03/2015
Mensagens : 51
Pontos Ativos : 93

Ver perfil do usuário http://combatesf.forumeiros.com/forum

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only em 29/09/15, 07:19 pm

Olá fraise,
A radio poderá ser : www.orbital.pt OU hitz.hunterfm.com/live/


Última edição por Silva_Only em 30/09/15, 03:18 am, editado 1 vez(es)
avatar

Silva_Only
Nível 5

Masculino
Inscrito dia : 10/03/2015
Mensagens : 51
Pontos Ativos : 93

Ver perfil do usuário http://combatesf.forumeiros.com/forum

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Elemar em 29/09/15, 08:42 pm

@Silva_Only escreveu:Olá fraise,
Eu gostaria de saber se é possivel colocar rádio em vez de musica e qual seria o codigo!
Aguardo resposta!

SIM, já irei avisando que. tópicos repetitivos[flood] geram banimentos,
e há sim como, poderia deixar a rádio[link] para analise e criação do código?
avatar

Elemar
Nível 4

Masculino
Inscrito dia : 27/09/2015
Mensagens : 26
Pontos Ativos : 47

Ver perfil do usuário http://xicxic.livreforum.com

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only em 30/09/15, 03:18 am

Olá
As radios estao edicadas acima
avatar

Silva_Only
Nível 5

Masculino
Inscrito dia : 10/03/2015
Mensagens : 51
Pontos Ativos : 93

Ver perfil do usuário http://combatesf.forumeiros.com/forum

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Juliam em 30/09/15, 10:54 am

Olá, silvia eu criei seu player, coloque o código em um widget personalizado, ou simplesmente coloque na sua página em html. Mas antes peço que os adms testem o código, eu mesmo testei e não tive erros pegue seu código,
foi meio dificil de achar mais eu consegui...
Código:
<div align="center">
   <script src="http://jwpsrv.com/library/EkclxHm0EeKtPCIACp8kUw.js"></script>            
   <div style="width: 200px; height: 30px; opacity: 1; background-color: transparent;" tabindex="0" id="myElement" class="jwplayer playlist-none">
      <div style="display: none;" id="myElement_menu" class="jwclick">
         <div class="jwclick_item">
            About JW Player 6.12.4956 (Pro edition)
         </div>
      </div><span id="myElement_view" class="jwmain"><span style="opacity: 0;" id="myElement_media" class="jwvideo"></span><video src="http://mp3lg4.tdf-cdn.com/8376/goo_091150.mp3" webkit-playsinline="" x-webkit-airplay="allow"></video><span class="jwcontrols"></span></span>
      <div class="jwcaptions" id="myElement_caption">
         <div style="display: none; height: auto; position: absolute; bottom: 20px; text-align: center; width: 100%;">
            <div style="display: inline-block;">
               <span style="color: rgb(255, 255, 255); display: inline-block; font-family: Arial, sans-serif; font-style: normal; font-weight: normal; text-align: center; text-decoration: none; word-wrap: break-word; background-color: rgb(0, 0, 0);">
               </span>
            </div>
         </div>
      </div><span id="myElement_view" class="jwmain"><span class="jwcontrols"></span></span>
      <div class="jwdisplay" id="myElement_display">
         <div class="jwpreview jwuniform">
         </div>
         <div style="opacity: 0; display: table; background-size: 18px 100%, 36px 100%, 18px 100%;" id="myElement_display_button" class="jwdisplayIcon">
            <div style="display: none;" class="jwtext">
            </div>
            <div style="transform: rotate(0deg);" id="myElement_display_button_buffer" class="jwicon">
            </div>
         </div>
      </div><span id="myElement_view" class="jwmain"><span class="jwcontrols"><img style="display: none; visibility: hidden; opacity: 0;" id="myElement_logo" class="jwlogo" /></span></span>
      <div id="myElement_dock" class="jwdock">
         <div class="jwdockbuttons">
            <div class="capLeft">
            </div>
            <div class="capRight">
            </div>
         </div>
      </div><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span class="jwbackground"></span> <span class="jwcapLeft"></span> <span class="jwgroup jwleft"><span class="jwplay jwtoggle"><span></span></span></span></span></span></span>
      <button type="button" tabindex="-1">
         
      </button><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span class="jwgroup jwleft"><span class="jwplay jwtoggle"></span><span></span><span class="jwblankDivider"></span><span style="display: none;" class="jwprev"><span></span></span></span></span></span></span>
      <button type="button" tabindex="-1">
         
      </button><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span class="jwgroup jwleft"><span style="display: none;" class="jwprev"></span><span></span><span class="jwblankDivider"></span><span style="display: none;" class="jwnext"><span></span></span></span></span></span></span>
      <button type="button" tabindex="-1">
         
      </button><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span class="jwgroup jwleft"></span><span style="display: none;" class="jwnext"></span><span></span><span class="jwblankDivider"></span><span style="display: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAeCAYAAAAPSW++AAAAD0lEQVQoU2NgGAWjYKQAAALuAAGL6/H9AAAAAElFTkSuQmCC) 50% 50% / 1px 30px repeat-x;" class="jwtext jwelapsed jwhidden" id="myElement_controlbar_elapsed"></span>00:00<span style="left: 32px; right: 90px;" class="jwgroup jwcenter"><span style="display: none;" class="jwslider jwtime"><span class="jwtimeSliderCapLeft"></span> <span class="jwrail"><span class="jwrailgroup Rail"></span><span class="jwtimeSliderRailCapLeft"></span> <span class="jwtimeSliderRail"></span> <span class="jwtimeSliderRailCapRight jwcapRight"></span> <span style="width: 0%; opacity: 0;" class="jwrailgroup Buffer"></span><span class="jwtimeSliderBufferCapLeft"></span> <span class="jwtimeSliderBuffer"></span> <span class="jwtimeSliderBufferCapRight jwcapRight"></span> <span style="width: 0%; opacity: 0;" class="jwprogressOverflow"></span><span class="jwrailgroup Progress"></span><span class="jwtimeSliderProgressCapLeft"></span> <span class="jwtimeSliderProgress"></span> <span class="jwtimeSliderProgressCapRight jwcapRight"></span> <span style="margin-left: -8px; left: 0%; opacity: 1;" class="jwtimeSliderThumb jwthumb"></span> </span></span></span></span></span></span>
      <div style="padding: 5px 7px 8px;" id="myElement_controlbar_timetooltip" class="jwoverlay">
         <div style="position: absolute; bottom: 0px; width: 12px; height: 3px; left: 50%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAADCAYAAACnI+4yAAAAEklEQVR42mP4//8/AymYgeYaABssa5WUTzsyAAAAAElFTkSuQmCC) 50% 50% / 12px 3px;" class="jwarrow">
         </div>
         <div style="width: 7px; height: 4px; top: 0px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR4XmMQFRVnBeIiIN4FxCeQMQOQU6ijq3/VycXjiau79zNkDJLcZWvv9MTGzumZta0jCgZJnkAXhPEBnhkmTDF7/FAAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopleft">
         </div>
         <div style="width: 7px; height: 4px; bottom: 3px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAMUlEQVR4AWMQFRU/YW3r+AwbBknusrSye4JLslBdQ/uqpbX9E2ySrEBcBMS7QVYgYwAWViWcql/T2AAAAABJRU5ErkJggg==) 50% 50% / 7px 4px;" class="jwborder jwbottomleft">
         </div>
         <div style="width: 7px; height: 4px; top: 0px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR42mMQFRU/gYZ3A3ERELMyuLp7P0PGTi4eT3R09a8CJbMYrG0dnyFjGzunZ7b2Tk+AkrswJGEYZAUA8XwmRnLnEVMAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopright">
         </div>
         <div style="width: 7px; height: 4px; bottom: 3px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAANUlEQVR42mOwtnV8hg2LioqfYMAmYWll9wQouQtD0tLa/om6hvZVoGQ2A0g7Gt4NxEVAzAoAZzolltlSH50AAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwbottomright">
         </div>
         <div style="width: 7px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mMQFRU/YW3r+AwbZsAnCQBUPRWHq8l/fAAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwleft">
         </div>
         <div style="width: 7px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mOwtnV8hg2LioqfYMAnCQBwXRWHw2Rr1wAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwright">
         </div>
         <div style="height: 4px; top: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAHUlEQVR42mMUFRU/wUACYHR1935GkgZrW0faagAAqHQGCWgiU9QAAAAASUVORK5CYII=) 50% 50% / 12px 4px;" class="jwborder jwtop">
         </div>
         <div style="height: 4px; bottom: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAGElEQVR42mOwtnV8RgpmoL0GUVHxE6RgAO7IRsl4Cw8cAAAAAElFTkSuQmCC) 50% 50% / 12px 4px;" class="jwborder jwbottom">
         </div>
         <div style="left: 7px; right: 7px; top: 4px; bottom: 7px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAAEUlEQVR4AWOwtnV8RgomWQMAWvcm6W7AcF8AAAAASUVORK5CYII=) 50% 50% / 12px 2px;" class="jwback">
         </div>
         <div class="jwcontents">
            <div>
               <div style="display: none;" id="myElement_controlbar_thumb">
               </div>
               <div class="jwoverlaytext">
                  00:00
               </div>
            </div>
         </div>
      </div><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="left: 32px; right: 90px;" class="jwgroup jwcenter"></span><span style="display: none;" class="jwslider jwtime"></span><span class="jwrail"></span><span class="jwtimeSliderCapRight"></span> <span style="display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAeCAYAAAAPSW++AAAAD0lEQVQoU2NgGAWjYKQAAALuAAGL6/H9AAAAAElFTkSuQmCC) 50% 50% / 1px 30px repeat-x;" class="jwtext jwalt" id="myElement_controlbar_alt"></span>Live broadcast<span style="right: 8px;" class="jwgroup jwright"><span style="display: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAeCAYAAAAPSW++AAAAD0lEQVQoU2NgGAWjYKQAAALuAAGL6/H9AAAAAElFTkSuQmCC) 50% 50% / 1px 30px repeat-x;" class="jwtext jwduration jwhidden" id="myElement_controlbar_duration"></span>00:00<span style="display: none;" class="jwhd"><span class="jwblankDivider"></span><span></span></span></span></span></span></span>
      <button type="button" tabindex="-1">
         
      </button><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="right: 8px;" class="jwgroup jwright"><span style="display: none;" class="jwhd"><span></span></span></span></span></span></span>
      <div style="padding: 5px 7px 8px; left: 50%;" id="myElement_controlbar_hd_overlay" class="jwoverlay">
         <div style="position: absolute; bottom: 0px; width: 12px; height: 3px; left: 50%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAADCAYAAACnI+4yAAAAEklEQVR42mP4//8/AymYgeYaABssa5WUTzsyAAAAAElFTkSuQmCC) 50% 50% / 12px 3px;" class="jwarrow">
         </div>
         <div style="width: 7px; height: 4px; top: 0px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR4XmMQFRVnBeIiIN4FxCeQMQOQU6ijq3/VycXjiau79zNkDJLcZWvv9MTGzumZta0jCgZJnkAXhPEBnhkmTDF7/FAAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopleft">
         </div>
         <div style="width: 7px; height: 4px; bottom: 3px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAMUlEQVR4AWMQFRU/YW3r+AwbBknusrSye4JLslBdQ/uqpbX9E2ySrEBcBMS7QVYgYwAWViWcql/T2AAAAABJRU5ErkJggg==) 50% 50% / 7px 4px;" class="jwborder jwbottomleft">
         </div>
         <div style="width: 7px; height: 4px; top: 0px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR42mMQFRU/gYZ3A3ERELMyuLp7P0PGTi4eT3R09a8CJbMYrG0dnyFjGzunZ7b2Tk+AkrswJGEYZAUA8XwmRnLnEVMAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopright">
         </div>
         <div style="width: 7px; height: 4px; bottom: 3px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAANUlEQVR42mOwtnV8hg2LioqfYMAmYWll9wQouQtD0tLa/om6hvZVoGQ2A0g7Gt4NxEVAzAoAZzolltlSH50AAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwbottomright">
         </div>
         <div style="width: 7px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mMQFRU/YW3r+AwbZsAnCQBUPRWHq8l/fAAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwleft">
         </div>
         <div style="width: 7px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mOwtnV8hg2LioqfYMAnCQBwXRWHw2Rr1wAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwright">
         </div>
         <div style="height: 4px; top: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAHUlEQVR42mMUFRU/wUACYHR1935GkgZrW0faagAAqHQGCWgiU9QAAAAASUVORK5CYII=) 50% 50% / 12px 4px;" class="jwborder jwtop">
         </div>
         <div style="height: 4px; bottom: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAGElEQVR42mOwtnV8RgpmoL0GUVHxE6RgAO7IRsl4Cw8cAAAAAElFTkSuQmCC) 50% 50% / 12px 4px;" class="jwborder jwbottom">
         </div>
         <div style="left: 7px; right: 7px; top: 4px; bottom: 7px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAAEUlEQVR4AWOwtnV8RgomWQMAWvcm6W7AcF8AAAAASUVORK5CYII=) 50% 50% / 12px 2px;" class="jwback">
         </div>
         <div class="jwcontents">
            <div id="myElement_controlbar_hd" class="jwmenu">
            </div>
         </div>
      </div><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="right: 8px;" class="jwgroup jwright"><span style="display: none;" class="jwhd"></span><span style="display: none;" class="jwcc"><span class="jwblankDivider"></span><span></span></span></span></span></span></span>
      <button type="button" tabindex="-1">
         
      </button><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="right: 8px;" class="jwgroup jwright"><span style="display: none;" class="jwcc"><span></span></span></span></span></span></span>
      <div style="padding: 5px 7px 8px; left: 50%;" id="myElement_controlbar_cc_overlay" class="jwoverlay">
         <div style="position: absolute; bottom: 0px; width: 12px; height: 3px; left: 50%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAADCAYAAACnI+4yAAAAEklEQVR42mP4//8/AymYgeYaABssa5WUTzsyAAAAAElFTkSuQmCC) 50% 50% / 12px 3px;" class="jwarrow">
         </div>
         <div style="width: 7px; height: 4px; top: 0px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR4XmMQFRVnBeIiIN4FxCeQMQOQU6ijq3/VycXjiau79zNkDJLcZWvv9MTGzumZta0jCgZJnkAXhPEBnhkmTDF7/FAAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopleft">
         </div>
         <div style="width: 7px; height: 4px; bottom: 3px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAMUlEQVR4AWMQFRU/YW3r+AwbBknusrSye4JLslBdQ/uqpbX9E2ySrEBcBMS7QVYgYwAWViWcql/T2AAAAABJRU5ErkJggg==) 50% 50% / 7px 4px;" class="jwborder jwbottomleft">
         </div>
         <div style="width: 7px; height: 4px; top: 0px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR42mMQFRU/gYZ3A3ERELMyuLp7P0PGTi4eT3R09a8CJbMYrG0dnyFjGzunZ7b2Tk+AkrswJGEYZAUA8XwmRnLnEVMAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopright">
         </div>
         <div style="width: 7px; height: 4px; bottom: 3px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAANUlEQVR42mOwtnV8hg2LioqfYMAmYWll9wQouQtD0tLa/om6hvZVoGQ2A0g7Gt4NxEVAzAoAZzolltlSH50AAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwbottomright">
         </div>
         <div style="width: 7px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mMQFRU/YW3r+AwbZsAnCQBUPRWHq8l/fAAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwleft">
         </div>
         <div style="width: 7px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mOwtnV8hg2LioqfYMAnCQBwXRWHw2Rr1wAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwright">
         </div>
         <div style="height: 4px; top: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAHUlEQVR42mMUFRU/wUACYHR1935GkgZrW0faagAAqHQGCWgiU9QAAAAASUVORK5CYII=) 50% 50% / 12px 4px;" class="jwborder jwtop">
         </div>
         <div style="height: 4px; bottom: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAGElEQVR42mOwtnV8RgpmoL0GUVHxE6RgAO7IRsl4Cw8cAAAAAElFTkSuQmCC) 50% 50% / 12px 4px;" class="jwborder jwbottom">
         </div>
         <div style="left: 7px; right: 7px; top: 4px; bottom: 7px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAAEUlEQVR4AWOwtnV8RgomWQMAWvcm6W7AcF8AAAAASUVORK5CYII=) 50% 50% / 12px 2px;" class="jwback">
         </div>
         <div class="jwcontents">
            <div id="myElement_controlbar_cc" class="jwmenu">
            </div>
         </div>
      </div><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="right: 8px;" class="jwgroup jwright"><span style="display: none;" class="jwcc"></span><span class="jwmute"><span class="jwblankDivider"></span><span></span></span></span></span></span></span>
      <button type="button" tabindex="-1">
         
      </button><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="right: 8px;" class="jwgroup jwright"><span class="jwmute"><span></span></span></span></span></span></span>
      <div style="padding: 5px 7px 8px; left: 50%; display: none;" id="myElement_controlbar_volumeoverlay" class="jwoverlay">
         <div style="position: absolute; bottom: 0px; width: 12px; height: 3px; left: 50%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAADCAYAAACnI+4yAAAAEklEQVR42mP4//8/AymYgeYaABssa5WUTzsyAAAAAElFTkSuQmCC) 50% 50% / 12px 3px;" class="jwarrow">
         </div>
         <div style="width: 7px; height: 4px; top: 0px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR4XmMQFRVnBeIiIN4FxCeQMQOQU6ijq3/VycXjiau79zNkDJLcZWvv9MTGzumZta0jCgZJnkAXhPEBnhkmTDF7/FAAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopleft">
         </div>
         <div style="width: 7px; height: 4px; bottom: 3px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAMUlEQVR4AWMQFRU/YW3r+AwbBknusrSye4JLslBdQ/uqpbX9E2ySrEBcBMS7QVYgYwAWViWcql/T2AAAAABJRU5ErkJggg==) 50% 50% / 7px 4px;" class="jwborder jwbottomleft">
         </div>
         <div style="width: 7px; height: 4px; top: 0px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAPklEQVR42mMQFRU/gYZ3A3ERELMyuLp7P0PGTi4eT3R09a8CJbMYrG0dnyFjGzunZ7b2Tk+AkrswJGEYZAUA8XwmRnLnEVMAAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwtopright">
         </div>
         <div style="width: 7px; height: 4px; bottom: 3px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAANUlEQVR42mOwtnV8hg2LioqfYMAmYWll9wQouQtD0tLa/om6hvZVoGQ2A0g7Gt4NxEVAzAoAZzolltlSH50AAAAASUVORK5CYII=) 50% 50% / 7px 4px;" class="jwborder jwbottomright">
         </div>
         <div style="width: 7px; left: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mMQFRU/YW3r+AwbZsAnCQBUPRWHq8l/fAAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwleft">
         </div>
         <div style="width: 7px; right: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAACCAYAAACUn8ZgAAAAFklEQVR42mOwtnV8hg2LioqfYMAnCQBwXRWHw2Rr1wAAAABJRU5ErkJggg==) 50% 50% / 7px 2px;" class="jwborder jwright">
         </div>
         <div style="height: 4px; top: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAHUlEQVR42mMUFRU/wUACYHR1935GkgZrW0faagAAqHQGCWgiU9QAAAAASUVORK5CYII=) 50% 50% / 12px 4px;" class="jwborder jwtop">
         </div>
         <div style="height: 4px; bottom: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAGElEQVR42mOwtnV8RgpmoL0GUVHxE6RgAO7IRsl4Cw8cAAAAAElFTkSuQmCC) 50% 50% / 12px 4px;" class="jwborder jwbottom">
         </div>
         <div style="left: 7px; right: 7px; top: 4px; bottom: 7px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAAEUlEQVR4AWOwtnV8RgomWQMAWvcm6W7AcF8AAAAASUVORK5CYII=) 50% 50% / 12px 2px;" class="jwback">
         </div>
         <div class="jwcontents">
            <span class="jwslider jwvolume jwvertical"><span class="jwvolumeCapTop"> </span><span class="jwrail"><span class="jwrailgroup Rail"><span class="jwvolumeRailCapTop"> </span><span class="jwvolumeRail"> </span><span class="jwvolumeRailCapBottom jwcapBottom"> </span></span><span style="height: 90%; bottom: 0px;" class="jwrailgroup Progress"><span class="jwvolumeProgressCapTop"> </span><span class="jwvolumeProgress"> </span><span class="jwvolumeProgressCapBottom jwcapBottom"> </span><span style="top: 0px;" class="jwvolumeThumb jwthumb"> </span></span></span><span class="jwvolumeCapBottom jwcapBottom"> </span></span>
         </div>
      </div><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="right: 8px;" class="jwgroup jwright"><span class="jwmute"></span><span style="display: block;" class="jwslider jwvolumeH jwhorizontal"></span><span class="jwvolumeHCapLeft"></span> <span class="jwrail"></span><span class="jwrailgroup Rail"></span><span class="jwvolumeHRailCapLeft"></span> <span class="jwvolumeHRail"></span> <span class="jwvolumeHRailCapRight jwcapRight"></span> <span style="width: 90%; opacity: 1;" class="jwprogressOverflow"></span><span class="jwrailgroup Progress"></span><span class="jwvolumeHProgressCapLeft"></span> <span class="jwvolumeHProgress"></span> <span class="jwvolumeHProgressCapRight jwcapRight"></span> <span class="jwvolumeHCapRight"></span> <span class="jwcast jwtoggle"><span class="jwblankDivider"></span><span></span></span></span></span></span></span>
      <button type="button" tabindex="-1">
         
      </button><span id="myElement_view" class="jwmain"><span class="jwcontrols"><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"><span style="right: 8px;" class="jwgroup jwright"><span class="jwcast jwtoggle"></span><span></span><span style="display: none;" class="jwfullscreen"><span class="jwblankDivider"></span><span></span></span></span></span></span></span>
      <button type="button" tabindex="-1">
         
      </button><span id="myElement_view" class="jwmain"><span class="jwcontrols"></span><span style="height: 30px; bottom: 0px; left: 0px; right: 0px; display: inline-block; opacity: 1;" class="jwcontrolbar" id="myElement_controlbar"></span><span style="right: 8px;" class="jwgroup jwright"></span><span style="display: none;" class="jwfullscreen"></span><span></span><span class="jwcapRight"></span> <span class="jwinstream"></span></span>
      <div style="position: absolute; top: 0px; z-index: 10;" id="myElement_jwpsrv">
         <div style="width: 1px; height: 1px; position: absolute; background: transparent;" class="afs_ads">
            
         </div>
      </div><span id="myElement_view" class="jwmain"></span><span class="jwaspect"></span><span class="jwplaylistcontainer"></span>
   </div>
               <script>
                jwplayer("myElement").setup({
                    file: "http://mp3lg4.tdf-cdn.com/8376/goo_091150.mp3",
                    type: "mp3",
                width: 200,
                height: 30,
                autostart: true,
                 });
            </script>
</div>

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido Podem fechar o tópico.
avatar

Juliam
Nível 3

Feminino
Inscrito dia : 30/09/2015
Mensagens : 18
Pontos Ativos : 41

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Fraise em 03/10/15, 03:14 pm

@Juliam deixe esse trabalho para a equipe. Muito feliz

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum