O QUE HÁ DE NOVO

Inserindo vídeos do YouTube em uma página HTML

Jonathan Lamim por Jonathan Lamim Programação
<p>Primeiro voc&ecirc; vai criar a sua p&aacute;gina HTML, de acordo com o seu gosto. Se quiser pode copiar e colar o c&oacute;digo abaixo:</p> <p><code><html><br /><head><br /><title>Inserindo vídeos do YouTube em uma página HTML</title<br /><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br /></head><br /><body><br /><p>Meu vídeo preferido</p><br /></body><br /></html></code></p> <p>Em seguida, salve a p&aacute;gina como index.htm.</p> <p>Ap&oacute;s ter criado a p&aacute;gina, acesse o site do YouTube e encontre o v&iacute;deo que deseja colocar na p&aacute;gina. Quando voc&ecirc; clicar no v&iacute;deo para fazer a visualiza&ccedil;&atilde;o logo abaixo aparecer&aacute; um campo com o seguinte nome: COMPARTILHAR, veja a foto abaixo.</p> <p><span class="img_editor"><img src="https://www.oficinadanet.com.br/imagens/post/468/share1.jpg" alt="" /></span></p> <p>Depois de apertar em <strong>COMPARTILHAR</strong>, voc&ecirc; ver&aacute; um link chamado <strong>INCORPORAR. </strong>Neste campo voc&ecirc; ter&aacute; o c&oacute;digo que deve ser copiado. Ainda voc&ecirc; pode ajustar os padr&otilde;es de tamanhos, veja a imagem abaixo:</p> <p><span class="img_editor"><img src="https://www.oficinadanet.com.br/imagens/post/468/share2.jpg" alt="" /></span></p> <p>Selecione todo o c&oacute;digo que est&aacute; dentro do campo e copie-o para a p&aacute;gina HTML. O C&oacute;digo ficar&aacute; assim:</p> <p><code><html><br /><head><br /><title>Inserindo vídeos do YouTube em uma página HTML</title<br /><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br /></head><br /><body><br /><iframe width="853" height="480" src="youtube.com/embed/u548qyxRTBU" frameborder="0" allowfullscreen></iframe><br /></body><br /></html></code></p> <p>Pronto, o v&iacute;deo j&aacute; est&aacute; na sua p&aacute;gina e os internautas poder&atilde;o visualiz&aacute;-lo por l&aacute;, sem precisar abrir o YouTube. Mas, espera a&iacute;... o v&iacute;deo t&aacute; grande demais na p&aacute;gina? N&atilde;o tem problema, a gente diminui, basta voc&ecirc; alterar os 2 par&acirc;metros "width" e apagar o par&acirc;metro heightque se encontram no endere&ccedil;o copiado do youtube, para que o tamano do v&iacute;deo seja proporcional. Veja no exemplo abaixo, o c&oacute;digo da p&aacute;gina com o mesmo v&iacute;deo em 2 tamanhos diferentes.</p> <p><code><html><br /><head><br /><title>Inserindo vídeos do YouTube em uma página HTML</title<br /><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br /></head><br /><body><br /><iframe width="853" height="480" src="youtube.com/embed/u548qyxRTBU" frameborder="0" allowfullscreen></iframe><br /><iframe width="640" height="300" src="youtube.com/embed/u548qyxRTBU" frameborder="0" allowfullscreen></iframe><br /></body><br /></html></code></p> <p>Voc&ecirc; pode colocar a largura que for necess&aacute;rio. Veja um exemplo do v&iacute;deo aqui "embedado":</p> <p><iframe src="http://youtube.com/embed/u548qyxRTBU" width="640" height="360" frameborder="0"></iframe></p> <p>&Eacute; isso a&iacute; pessoal, viram como &eacute; f&aacute;cil colocar os v&iacute;deos do YouTube no seu site? At&eacute; a pr&oacute;xima...</p>
Recomendado
Assuntos youtube, html e videos
Siga nas redes
Encontrou algum erro no texto?

Entre em contato com o autor e nos ajude a melhorar a qualidade dos posts cada vez mais!

AVISAR
O QUE LER EM SEGUIDA
Comentários
Últimas publicaçõesver tudo
ASSINE NOSSA NEWSLETTER

Não perca nenhuma novidade do mundo da tecnologia.