Como colocar musica na pagina de HTML Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Como colocar musica na pagina de HTML

4 participantes

Ir para baixo

Tópico resolvido Como colocar musica na pagina de HTML

Mensagem por Silva_Only 29.09.15 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
Silva_Only
**

Membro desde : 11/03/2015
Mensagens : 51
Pontos : 93

http://combatesf.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Elemar 29.09.15 14:24

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ê
Elemar
Elemar
Novo Membro

Membro desde : 27/09/2015
Mensagens : 26
Pontos : 47

http://xicxic.livreforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Fraise 29.09.15 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
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only 29.09.15 16:25

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

Membro desde : 11/03/2015
Mensagens : 51
Pontos : 93

http://combatesf.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Fraise 29.09.15 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
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only 29.09.15 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
Silva_Only
**

Membro desde : 11/03/2015
Mensagens : 51
Pontos : 93

http://combatesf.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Fraise 29.09.15 17:20

Olá!

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

Até mais.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only 29.09.15 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://2img.net/i/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://2img.net/i/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
Silva_Only
**

Membro desde : 11/03/2015
Mensagens : 51
Pontos : 93

http://combatesf.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Fraise 29.09.15 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://2img.net/i/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://2img.net/i/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
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only 29.09.15 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
Silva_Only
**

Membro desde : 11/03/2015
Mensagens : 51
Pontos : 93

http://combatesf.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only 29.09.15 23:19

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


Última edição por Silva_Only em 30.09.15 7:18, editado 1 vez(es)
Silva_Only
Silva_Only
**

Membro desde : 11/03/2015
Mensagens : 51
Pontos : 93

http://combatesf.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Elemar 30.09.15 0:42

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?
Elemar
Elemar
Novo Membro

Membro desde : 27/09/2015
Mensagens : 26
Pontos : 47

http://xicxic.livreforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Silva_Only 30.09.15 7:18

Olá
As radios estao edicadas acima
Silva_Only
Silva_Only
**

Membro desde : 11/03/2015
Mensagens : 51
Pontos : 93

http://combatesf.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Juliam 30.09.15 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
Juliam
Novo Membro

Membro desde : 30/09/2015
Mensagens : 18
Pontos : 41

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar musica na pagina de HTML

Mensagem por Fraise 03.10.15 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
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos