Como colocar musica na pagina de HTML

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

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ê

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

por Silva_Only 29.09.15 16:25

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

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

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

por **Fraise** 29.09.15 17:20

Olá!

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

Até mais.
Fraise

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">  </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>

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">  </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

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!

por Silva_Only 29.09.15 23:19

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

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?

por Silva_Only 30.09.15 7:18

Olá
As radios estao edicadas acima

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.

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.

Hitskin.com

Como colocar musica na pagina de HTML