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.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
227 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 227 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Ter 29 Set 2015 - 13:53

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

Silva_Only
Nível 5

Masculino
Inscrito dia : 11/03/2015
Mensagens : 51
Pontos Ativos : 813

http://combatesf.forumeiros.com/forum

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Fraise em Ter 29 Set 2015 - 15:20

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7239

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only em Ter 29 Set 2015 - 16:25

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

Silva_Only
Nível 5

Masculino
Inscrito dia : 11/03/2015
Mensagens : 51
Pontos Ativos : 813

http://combatesf.forumeiros.com/forum

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Fraise em Ter 29 Set 2015 - 16:27

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7239

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only em Ter 29 Set 2015 - 17:17

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

Silva_Only
Nível 5

Masculino
Inscrito dia : 11/03/2015
Mensagens : 51
Pontos Ativos : 813

http://combatesf.forumeiros.com/forum

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Fraise em Ter 29 Set 2015 - 17:20

Olá!

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

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7239

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only em Ter 29 Set 2015 - 21:48

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>

Silva_Only
Nível 5

Masculino
Inscrito dia : 11/03/2015
Mensagens : 51
Pontos Ativos : 813

http://combatesf.forumeiros.com/forum

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Fraise em Ter 29 Set 2015 - 22:36

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7239

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only em Ter 29 Set 2015 - 23:16

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

Silva_Only
Nível 5

Masculino
Inscrito dia : 11/03/2015
Mensagens : 51
Pontos Ativos : 813

http://combatesf.forumeiros.com/forum

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only em Ter 29 Set 2015 - 23:19

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


Última edição por Silva_Only em Qua 30 Set 2015 - 7:18, editado 1 vez(es)

Silva_Only
Nível 5

Masculino
Inscrito dia : 11/03/2015
Mensagens : 51
Pontos Ativos : 813

http://combatesf.forumeiros.com/forum

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only em Qua 30 Set 2015 - 7:18

Olá
As radios estao edicadas acima

Silva_Only
Nível 5

Masculino
Inscrito dia : 11/03/2015
Mensagens : 51
Pontos Ativos : 813

http://combatesf.forumeiros.com/forum

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Juliam em Qua 30 Set 2015 - 14:54

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.

Juliam
Nível 3

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

http://ajuda.forumeiros.com

Resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Fraise em Sab 3 Out 2015 - 19:14

@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.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7239

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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

- Tópicos similares

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