Criando Player HTML 5 para Web Rádio

[Música] [Música] [Música] olá eu vou aqui ensinar a fazer um player já com html5 para web rádio simples né o volume é tempo de música que está tocando e até ter aqui estou mostrando ele quitar simples né sem fundo é o padrão html5 é assim utilização sem nada qual a diferença diferença com html5 carrega mais rápido toque em qualquer navegador na rede elétrica hoje os navegadores não aceitou muito o flash flash praticamente é de problema usando foi aí né então pra quem não tem onde treinar me aqui já tenho player pronto então se você quer ser um player sim é básico é bonitinho que você pode estar montando depois você pode colocar que eu vou mostrar colocar aquilo ícones das redes sociais se você tiver outros códigos aí no seu time você pode estar colocando no ar glamuroso quieta mas não vai funcionar direito porque o nome da música deles vai depender muito de javascript ou de outros comandos que não volta passando aqui aqui eu só vou fazer o player que toca automático com controle de volume editar e também os veículos da rede social então vou começar aqui vou começar aqui então com 1 como é que você cria esse player muito sempre muito fácil né depois irá colocar um fundo de cor é aumentar o tamanho do player classic zero e também colocar os veículos ok então vamos lá primeira coisa que você vai ter que fazer né você vai ter que criar um player é só pra isso nós vamos ter que criar um arquivo html ou php tanto faz eu vou fazer em html né a maioria não sabe trabalhar e cumprir a pena mas não vamos fazer html você vai criar uma página no servidor ou no seu computador você usar o irã ou ampliem e um outro servidor offline né gente pega p você vai usar que usou no âmbito mas você pode usar diretamente lá no seu servidor é o seu público html então no public html você vai criar uma página chamada ícones e com isso gabriel e dentro da apa aqui eu tenho duas opções não tenho os ícones coloridos e tem preto e branco e coloridas estão aqui não precisa ter todos esses aqui eu só vou pegar mesmo os que eu vou usar vou deletá aqui então vamos deixar só os principais aqueles que você quer usar né fiz aqui então você tem aqui né a sua página com os ícones seja escolhido um colete branco você pode fazer diferente pode fazer nada aqui vai ficar com o mesmo nome vai subscrever o arquivo e aí a gente tem que criar um html chamado player né pra isso a gente vai abrir rodrigo e verá quem usufruiu expansão do uso de um livro usa a outra e outra e editor de html a mesma coisa a gente vai trabalhar na parte do código penal código é esse aqui é só isso aqui ó bom vamos lá então eu vou dar um espaçamento aqui somente dividir por partes o plano pode explicar hoje para você fazer um player com aquele controle de volume com o finalzinho de mais e menos né com bainha mostrando subindo e descendo você só vai conseguir fazer simples xixi você vai ter que procurar a internet código para isso mas é eu não recomendo porque o flash realmente você vai ter problema com flash e com os navegadores além do que é o google mails buscadores

vão passar muito longe do seu site você não vai entrar a no ranking e nem vai aparecer tão fácil dos resultados de busca do site porque os robôs de buscas vão anular tudo que foi em flash o teu site tiver flash ele já vai colocar você lá para trás você não vai aparecer então o ideal é fazer em html5 que você usar um extreme td o player pronto agora se você quer fazer um streaming né personalizado com a logomarca sul orienta a neta aí você teria que montar ele já ultrapassam o html5 é o melhor é o mais recomendado mas você aí pode estar fazendo em flash quiser eu com outros recursos como johnny kerr e neco já o script tem diversos na internet só que aí você tem que entender mais de programação e aqui não vai ser o caso aqui você entender nada não vou deixar o código na descrição para vocês poderem né isso tudo aí vem mas não vai ter problema estávamos aqui ó você vai abrir com com arquivo novo na em branco ele não vai ter o código aqui logicamente ele vai estar dessa forma não é só vai criar um documento novo de evitar assim aqui também aqui coloca o nome da sua rádio vou colocar aqui rádio é fez isso vem aqui depois de bar então os três espaços aí né a gente começar a escrever o código eu vou colar pra adiantar para buscar um vídeo muito longo tá lá fazendo a primeira linha eu vou fazer vou deixar aqui embaixo eu vou copiar mas eu escrevi aqui pra você poder entender então você vai abrir aqui chávez só escrever div a gente vai criar uma uma dívida para colocar o painel dentro para que ele fique exatamente assim como tá aqui ok ao saber que ele vai colocar aí dineck oe foi de que seria o nome é que você tem que identificar o nome dessa dessa div vamos colocar aqui é um player por exemplo player lei algum porque eu já tenho um goleiro embaixo filhos aqui eu quero alinhar ela como só pode alinhar ao centro da esquerda de direita e aí vai depender de como você vai montar vou colocar no centro e depois a gente vai modificando focá lo e aí você fecha aqui tá também cinquentão você escreveu aqui dividir com o nome do play aqui é o nome da advisor da dívida no caso a licitar o nome porque apenas na hora de fazer utilizar ela centralizar colocar a corrida certo vai ter que ter um nome sem alinhar aí o centro rock e aqui vem o segredo player é só isso aqui ó tá ele não passa disso então são quatro linhas só de código simples você vai abrir aqui chávez crê áudio da espaço e de igual player você tem que ficar player não pode ser outra coisa e aí você vai escrever controls autoplay load igual né e aí você abre aspas duplas escreve o autor o autor aquele toque automaticamente quando a pessoa abre o site então aqui está dizendo que o player vai tocar automaticamente quando a pessoa acessar beleza rolando aqui pra baixo e você vai vir aqui então aqui você vai colocar o streaming e aqui embaixo também estima que duas formas diferentes está o código mesmo é exatamente igual só vai mudar um detalhe só vai escrever source crc e qual abre aspas e aqui você vai colocar o seu endereço de ip ipi porta em todos eles você vai colocar depois da porta a bahia invertido e ponto e vírgula a ponte vírgula com a barriga invertidas caso contrário não vai funcionar também e aqui ó cada cada time né depende de lixo que você usa ele pode ser assim é com esse endereço aqui o stm 6.1 é o nome do servidor eo número da porta aqui pode ser o seu pode ser no meu ipod 192 o que lá alguma outra coisa pode ser o nome você também pode ser o

nome do servidor a isso independente é a mesma coisa mas aqui nesse primeiro a sua primeira linha você vai ter copa aqui barra e ponto e vírgula e aí você fecha aspas em festa aqui tá o código você vem passou a fazer a mesma coisa que você copia de cima e corre embaixo única coisa que vai fazer tirar no caso a barriga eu tiro eo ponto e vírgula ok feito isso você pula pra baixo a black barbie invertida áudio que fecha embaixo você abre novamente coloca bahia invertido e fecha a tive ok feito isso o seu player já está pronto aqui eu vou mostrar de funcionado tocando sem fundos em curso em nada ele está aqui hum ok ou recarregar ele vai fazer a conexão aqui vai demorar um pouquinho que eu tô fazendo offline [Música] aqui temos o controle de volume aqui ó [Música] se você quiser você pode clicar no ícone que ele já fica a mudar e como o outro [Música] o paulo ok então tá estava bonitinha mas eu quero um fundo preto quero que ele fique é maior se você não quiser pouco os livros das redes sociais já que ele pegue toda a extensão da página dá pra fazer e aí eu vou explicar aqui agora então vejamos a que eu criei uma dívida chamada teste ok depois nós temos o áudio com o nome the player o id player que o id teste então você vai vir aqui em cima depois do título os dois que seja aí você vai começar a colocar a estilização então eu vou fazer aqui eu tenho já que o código pronto aqui ó a gente não perder muito tempo você se você quiser escrever tudo bem mas eu vou copiar aqui vou colocar aqui para ganhar tempo mas vou explicando linha por linha bom que eu fiz aqui a primeira coisa aqui ó o bari o bari é o que é o fundo né depois de título você vai escrever você vai abrir a cnec o sinal de menor acho que ele está ele taipe né igual teste barra css do jeito que tá aqui ok escreveu isso aí você vai colocar a escrever pare dá espaço abre chávez e aí você começa a estilizar o player você vai colocar macgraw de traço collor 2 ponto em que você coloca por se você quiser aqui é o preto né que o ao quadrado e 330 se fosse branco seria 3 leps ou vermelho aí você vai ter que procurar o código hexadecimal para colocar ali embaixo você vai escrever margem left x 0 margem top 10 em margem right 0 e mais de um botão 0 dá pra fazer isso tudo aqui de uma forma diferente css mas aí é uma linha só você faria isso de uma vez só mas eu vou fazer assim é porque é pra quem nunca nem para quem nunca fez é mais fácil aprender assim né então beleza fez aqui terminou aqui embaixo o bari na então a gente até o forro que eu vou fazer que eu vou tirar aqui ó esses dois aqui vamos ver só com o fundo ou salvar vou abrir aqui e vou recarga pronto a gente até o fundo preto ok então a gente pode reparar que o que ele já mudou a tabela já ficou mais legal ele colocou em cima tá ele colou margem direita a 0 e 6 0 foi que ele está no centro conforme foi referido a uma outra coisa aqui do lado dele ele vai acompanhando e vai ficar centralizado tá é por isso que é legal deixar ele com margens é dos dois lados

então agora é que eu quero fazer aqui vamos utilizar mais né vou voltar aqui então vou colocar aqui de novo que eu tinha feito agora aqui que eu vou fazer aqui ó vai colocar quadrado teste que é o que essa minha aqui ó tá vendo aqui hoje vou colocar aqui um samba que já pegou de fora fora 100 por cento a opway ficou de fora fora porque é que eu tô falando que eu quero que o teste aqui que é aquela divisória chic o tamanho 100% pra isso você escreve teste abre chávez escreveu a edith 100% ponto e vírgula e o background eu quero que o fundo também dele seja preto né tá e aí você vai colocar background 2.4 grado 0001 tv rua e fecha aqui ok aqui na verdade ele não tem necessidade porque ele não tem outro acordo vai ser preto igual fundo então não preciso aqui o link eu poderia estar mudando a cor do player mas não vou mostrar a si mesmo tá vou atualizar aqui pra gente ver agora ele vai ficar é bem maior [Música] então aqui que acontece a gente não percebe mas ele está com cinco chances de largura tá então tudo que eu colocar aqui ele vai praticamente aumentar se eu tirar rousso porque aqui em vez de porcentagem eu queria colocar medidas na então sem colocar a vida em pixel vou colocar aqui 750 peixes e vou salvar vou atualizar a venda ele jogou pra lá porque porque não é o player que eu estou aumentando reative dele onde ele está encaixado tal espaço onde ele está encaixado então por isso que a gente vai colocar 100% vou colocar aqui vou colocar o play agora aqui sem eu estar trabalhando no player no próprio player aí eu fico aqui coloquei o fundo preto ambos o que eu não quero preto vou mudar a cor dele aqui ó nec background-color eu vou aqui em coro eu vou colocar preto e vermelho aí eu coloquei vermelho a que ele tem uma opacidade e aqui também né o filtro de alfa tal é que você pode retirar se você quiser que ele fique o vermelho ou sólido eu coloquei a oportunidade para aquele caso e transparentes tá mas não há necessidade também eu coloquei aqui o mec ground vermelho 100% largura ok salvei ou aqui de novo então pode perceber que o fundo do player ficou vermelho e ele é que ele fique no vermelho mas ele não vai ficar vermelho igual ao que ele vai ficar sempre com um tom escuro tacuba vermelhinho nem pra ele ficar vermelhinho tem que colocar exatamente aquele defeito que eu tirei que é a opacidade aqui ó a opacidade 0.55 e esse outro comando aqui né negativo moss negativo de novo opacidade 85 filtro filter alfa abre parênteses opacidade igual a 85 depois é outro eu vou fazer algumas alterações vocês vão ver a diferença é bom temos aqui e little da f5 aqui para atualizar ele vai ficar transparente [Música] a automaticamente você pode ver que ele ficou mais aparente mas como o nosso fundo aqui é preto você não vai perceber então teríamos que colocar um fundo [Música] o fundo também de vermelho então vamos colocar um fundo vermelho lá pra você poder ver que ele está transparente ff 0004 com atualizar pronto foi explicado aqui tá bom você pode ver que aqui ó aparece um fundo preto atrás ainda aqui né então onde está o preto aqui você mais facilmente identificar aqui ó aqui nós temos o fundo do player vem aqui tira automaticamente você vai ter dessa forma o que acontece aqui na ásia pode ver que ele ficou vermelho da copa cidade

você pode tirar o qual a cidade dele vou tirar o filtro da opacidade esse cachorro aqui do lado infelizmente ela é um é o tormento aqui da vizinhança não é um time atrapalhado o vídeo é infelizmente ou o proprietário num não faz com que ele pagou a título atingindo hoje de noite madrugada é complicado todo mundo aqui no bairro reclama muito né quem barulhento vamos lá eu vou atualizar o i aqui ele ficou um pouco menos capacidade também né porque eu tirei aquele filtro é o filtro de opacidade vou tirar o filtro e vou tirar esse outro o moss opacidade e vai ficar só com uma opacidade agora a assim olhando quase não tem muita diferença está tão no mar de conquistar de usar esse recurso já está mostrando aqui só pra vocês poderiam ter uma idéia bom agora está um pouquinho menos complexidade e aí eu tenho aqui a opacidade 0.55 vamos colocar aqui por exemplo 0.5 vou atualizar de novo automaticamente nós percebe muito mas ele já tá – começamos a passar e isso a gente tirar toda a capacidade e tirar aqui bom o que vê ó lógica preto o preto ou seja ele não vai ficar vermelho como fica o fundo por isso que a gente tem que usar a capacidade que ele fica cada vez mais transparente cac as redes sociais eu em particular faria com o css mas pra quem não tem conhecimento e não quer muito trabalho tão bom fazer com tabela que é mais rápido e mais fácil também vou criar uma tabela ea gente vai fazer porque fica mais fácil mais rápido consciência mais demorado a dar mais trabalho então eu vou fazer aqui com tabelinha o primeiro passo a gente quer porque o requerente tirar o player daqui então você vai copiar todo esse código aqui ó give até o final da dívida aqui embaixo copia ele recorta né recorta ele aqui vai ver que ficou em branco você vai vir para quem o sobrinho e vem aqui inserir tabela se você usa códigos e vai ter que saber html para colocar tabela mas eu vou mostrá la depois na linha de comando quantas linhas eu quero uma enquanto as colunas aí é que está quanto às redes sociais eu vou colocar o facebook eo youtube o twitter eo google que sejam quatro mais o player são 150 ea logomarca 6 então você teria seis colunas ok largura na tabela só vai colocar aqui sem 100% e aqui você vai deixar tudo zero ou pode deixar sem nada assim tiver nada aí você deixa sem água ele pode estar dessa forma e então uma linha seis colunas 100% da ok nós temos aqui ó uma duas três quatro cinco seis a primeira você coloca logo mas segundo player aqui facebook twitter youtube eo google correto que você vai fazer selecione aqui nem vem que clica dentro da primeira e da segunda divisão aérea e vamos aqui no código abrir o código aqui você vai ver a mim aqui você apaga e aqui você vai colar o que tinha recortado voltar a partir daí você vai ver que o player está exatamente aqui ok belezinha vamos aqui então agora colocar com os ritos das redes sociais o que você pode fazer aqui para evitar que o player fique muito próxima de mona colado demais a nas redes sociais e cria mais uma coluna aqui para separar um pouco né procure um livro você vem aqui né clica na segunda na terceira aqui ó depois do player vem aqui embaixo de vídeo célula em mim mesmo clique aqui vai abrir uma caixinha você coloca linha coluna né

roma então é uma coluna mas aqui vai estar do povo está com 12 pronto então ele abriu aqui ó uma a mais e aí você pode arrastar aqui mas é isso aí você vai fazer depois coloquei player vamos colocar guarda redes sociais é aí você vê a ordem por exemplo primeiro facebook aqui clique aqui dentro inserir imagem e com isso e aí a gente vem aqui escolhe o icann facebook ok vem da segunda inserir imagens twitter na terceira inserir imagem vamos colocar no youtube e na quarta inserir imagem o gol ok é que a gente pode fazer para melhorar e isso pega aqui é raro aqui até o youtube ficar coladinho aí a mesma coisa com o twitter e faz a mesma coisa aqui pronto e aqui você vai comprar até um espaço razoável aqui pro play a ficar mais ou menos aqui ok bom e aqui você vai inserir sua logo eu não coloquei nenhuma logo lá vou colocar um bom voltando aqui eu peguei uma logo a qualquer logo não só para a gente tinha uma ideia não é uma lobo que é mas vai servir vai clicar aqui na primeira coluna inserir imagem vem aqui na parte tinha eu coloquei minha lo aqui vou pegar ela e vou colocar lá você pode diminuir neco clicando aqui ó seguro o shift diminui ela o tamanho certo mas aí o ideal seja você fazer algo no tamanho certo ok então a gente teve aqui a louco você quiser trazer a mais para cada coisa eu vou ensinar a acertar na i organizar melhor com o css é a mesma coisa só que é um pouco mais complexo e fazendo o que tem que fazer várias dívidas várias funções de certa o bom foi que fiz isto aqui o que é que eu vou fazer aqui vamos abrir que o código a gente atacou com fundo branco não vamos colocar o preto de novo aqui tá vai ficar preto ou salvar vou vir aqui vou atualizar e então se você perceber aqui ó você ficou com a barra pegando foi a forma as redes sociais aqui o player bem grande aqui pode ser você não precisa usar ele disse também que você pode fazer é pequenininho no meio na aí depende de cada um então lembrando que para você mudar o tamanho dele aí você teria que vir aqui no código no css aqui ó tá er praticamente você teria que tirar a nossa parte aqui vou tirar aqui atualizar pra gente poder ver o que acontece ots errado eu tirei o fundo na verdade em vez do player eu só fazia aqui vamos tirar aqui também então aqui ele ficou pequeno mesmo sabendo que ele tem aquela peça cor aqui na época diferente daqui aí a gente tem que mudar a cor exatamente eu colocar aqui ver se ele vai mudar lá pronto ok então ele ficaria dessa forma tá se você não quiser e grande daquele jeito você pode fazer assim pode diminuir ainda mais aqui encostar mais né é juntar mais aqui hoje ícone ou outra coisa ou acrescentar mais alguma coisa na sua sua tabela só pode vim aqui criar mais alguma coisa pode colocar mais veículos pode ir fazendo outras coisas vou só clicar aqui preencher como exemplo não que vá ser mas eu venho aqui o clico criou mais algumas colunas vão criar aqui mais três vêm qual o alagoas 3

ok vou puxar aqui ok puxar aqui aqui aqui e aqui com a salvar ó então é é praticamente isso vai ter que saber mexer com a sua com a sua tabela e conseguir fazer com que fixar tinha a logo que ficou aqui ó encostado no cantinho você clica aqui nela abrir o código e aí você vai ter aqui ó td td é a tabela está o que se faz aqui você vem aqui tá aí dá um espaço alinhar centro chove aqui ele está mais centralizado como a minha longa que é preto né ela acaba não aparecendo os modos aqui você quase não vai perceber muito mas tá ele vai trazer mais pra cá o problema da tabela é que você não consegue controlar isso você tem que chamar eu vou pra cá pra cá tentar centralizar ele o máximo que você quiser da forma que você quiser ao mesmo tempo porque é mais complicado em um pouco mais fácil do que fosse fazer com o css então aqui você tem o play e até que os botões eu sou logomarca tá então é bem básico não é nada assim né toque nem nada mas é bem baixo para você poder ter um play em html5 o controle de volume e também o mundo vai ter um relógio em aqui conta o tempo que você está ouvindo né o botão player no botão o botão play botão e pause e as redes sociais ali para fazer o link nas redes sociais você clica nela isso tô falando isso pra quem o juninho e reverta os seus aí outro programa você faz na maneira como você está acostumado aqui você vem coloca o seu link do facebook no seu facebook no caso vou colocar só facebook mesmo está 100 estou aqui há facebook.com importante é o destino clique aqui este ano e coloca blanc para ele abrir uma nova página que se não ele vai abrir o site neowin vai abrir um lugar em seu site tá então coloca pra abrir em outra em outra página black salva e aí ele tem o link aqui ó cliquei uma briga facebook tá vai fazer a mesma coisa nos outros botões ou você pode colocar um banner se pode colocar qualquer coisa lhe uma imagem então aí vai da criatividade então eu acho que dá pra entender se você pegar passo a passo vai dar pra entender e eu vou só resumir aqui fazendo o player ou abrir um novo arquivo não vou nem renomear nem nada vamos dar três espaço aqui então vamos colocar um um player sem nada é só isso aqui tá colocar só a parte aqui ele vai ficar exatamente assim eu vou salvar aqui vou colocar aqui lei os dois só vai lá vou abrir aqui vou colocar player 2 e ele vai abrir assim o player sem nada ok não tem contém informação não tem nada se você quiser colocar lembro de uma tabelinha você copia que cheirar vem no modo visual inserir div o perdão seria tabela aqui você coloca se vai ter logo na etapa então você vai fazer como fez aquela outra que eu mostrei então você vê aqui pode estar colocando aqui aplicar a segunda abre o código ea paga quem não uso nenhum em ver fires na mão você tem que escrever abrir aqui escrito

paul white é o tamanho igual coloca 100% border 0 pra não te borda tá fecha abre aqui embaixo vai escrever te bari e fecha a outra linha você abre as colunas tr abril aqui tr fecha depois você vai colocar td vai ficar sim então você pode só vai ficar mais fácil a entender aqui então você abre escreve td e fecha e abre de novo barra invertida de abril e fechou a coluna copia e cola na quantas quantas coluna você vai querer aqui como aqui tem seis eu quero na segunda linha ou colo exatamente o áudio está e ele vai aparecer lá aqui você não precisa mudar aqui é a mesma coisa se quer fazer pelo código eu tenho que colocar a imagem lá correto como é que coloca a imagem vai abrir aqui né olha eu vou mostrar primeiro é pra quem tem já teve é mais fácil colocar a imagem abrir aqui com os coloridos e tal ó para quem não entende então você vai escrever e mg crc que ele é o link né igual abre aspas aí você tem que colocar o endereço onde está a imagem a que ele está colocando assim porque está dentro da paz tinha hálito fazendo delas foi uma imagem que tinha um servidor é a mesma coisa tá não vai mudar nada se não funcionar por uma casa não funcionar você tem que escrever http barra barra 2 http 2.1 barra o endereço do seu site ponto com.br barra a pasta onde está a imagem barra o nome da imagem conta alguma coisa você tem que colocar o endereço inteiro da imagem o tamanho aqui altura e largura isso aqui não há necessidade mas ele coloca automática aqui no brasil irá pra você pode verificar o tamanho que você quiser e aí na parte de baixo você vai fazer a mesma coisa vai pegar o endereço da imagem eu vou copiar que eu vou colocar a mesma tarde ganhar tempo aqui aqui e aqui o abri la rocque alguma coisa errada aqui a taxa que se fechar aqui aqui eu tenho que fechar também aqui o que está fechado então a gente teria que os seis veículos eu vou abrir aqui ó como é que eu coloco esse player centralizado aqui no meio vamos fazer aqui e vai puxar aqui e acolá os ícones manualmente tá beleza clique aqui é onde está o player o player da onde ele está aqui ó então é aqui dentro de si te de que você tem que colocar o áudio lembra que tá aqui ó ele está aqui dentro você vem aqui ó t de alinhar center com cem por cento aqui você tem ele 100% centralizado ao meio lembrando que está sobrando todos os espaços aí você pode puxar mais o zico né mais para o canto se a sua logo foi maior você pode estar fazendo aqui também a mesma coisa salva e aí ele vai ficar centralizado cruzeiro aqui tá eu vou colocar logo aqui ó a logo a mesma coisa se vai fazer aqui vai colocar a logo ao diálogo alguém aqui em cima se vai abrir 9 menor a colocar mg da enter espaço crc ele vai dar o link aqui ea irmã mandaram eu procurar procurar logo ok coloque-a logo fecha se você vem aqui a globo tá aqui vou diminuir ela é um

pouco lá pra ficar melhor coloquei logo você vem aqui depois do td dá um espaço alinhar center ouvir alguma cuidar da cadeia há ali já tenho a minha lá eu coloquei duas vezes então alinhar center escrevi errado center nota seu puxa aqui você pode ver que logo vai ficar alinhada ao centro tá e aqui você tem a logomarca player e excesso para colocar o fundo aqui você clica com o botão direito à propriedade da página cor do fundo aqui é você escolhe acordo requer do fundo coloquei preto né e da ok salvar ele e pronto está aqui no modo manual para você puxar esse player para ele ficar encostado em cima né alinhado certinho vai fazer a mesma coisa o botão direito à propriedade da página e aí você tem aqui a margem esquerda direito inferior e superior só vai colocar azar em tudo e aplicar se você vai fazer o código então você tem que vir aqui em cima criar um estilo ou escrever isso aqui mas está ele type igual abraço pro teste barra css fecha aspas e fecha aqui escreve barça xavi background-color quadrado seis vezes 10 ou três vezes o zero margin left 2.10 pixels mais um top 2.0 tem que ser o dia 5 diante e aí ele vai ficar um certinho lá em cima vou atualizar e pronto i você quer o player maior é só aumentar e aí você tem que criar o css dele tá pra criar o chefe dele é como expliquei né na outra parte lá você tem que simplesmente qual é o nome da divisão militar não tem né você tem que criar uma dívida aqui pra que ele tenha a o tamanho de 100% ou você pode aqui o áudio e de players da um espaço ele não vai funcionar aqui só vai colocar lá está ele ok cedeu espaço quero testar e wyeth 100% talvez funcione talvez não vamos ver agora funcionou ok também aqui a puxa daqui vou salvar e vou executar pronto então você tem eles o tamanho 100% os ícones à direita e alçou à esquerda aí você vai ter que é como você tá fazendo tabela só pode diminuir a equipa que fique mais estreita o acqua falou não é que fique mais perto [Música] ok então é isso é eu fiz as suas formas eu acho que é meio nem se fala bastante e mostrei mas eu acho que dá pra entender dá pra fazer a única maneira de você consegue fazer um play em html5 como controle de volume é assim tá e aí você pode sua sentença consegue utilizar de várias maneiras é fazer bastante coisa bacana né mais aqui é um bairro com simples e recomendo que vocês utilizem para quem não tem um time que tenha uma linha própria aqui vêm advertindo que a fazer uma bainha separado essa é a melhor maneira e é a mais indicada para os navegadores de hoje está o flash eu acho que vocês que usam flash ainda seria uma boa né e seria ideal não usar mais porque o flash além de muito ruim é muito pesado na ele é o

pescadores não não não acabou sendo três por buscadores então você fica numa colocação em seu site aparece entre vários outros problemas que acontecem o player praticamente em flash hoje não funciona mais automático na qual é a bola tá clicar para ele tocar essa é uma das primeiras coisas mas se vocês lerem sobre isso no google vocês vão ver que o google está tirando flash fora de tudo tá um abraço até a próxima