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

Amigos, nesse artigo vou mostrar como inserir um vídeo do YouTube (incorporar o vídeo) dentro de uma página HTML. Aprenda a colocar um vídeo do Youtube no seu site. Não se assustem, a coisa é muito simples.

Primeiro você vai criar a sua página HTML, de acordo com o seu gosto. Se quiser pode copiar e colar o código abaixo:

Código:: <html> <head> <title>Inserindo vídeos do YouTube em uma página HTML</title <meta http-removido="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <p>Meu vídeo preferido</p> </body> </html>

Em seguida, salve a página como index.htm

Após ter criado a página, acesse o site do YouTube e encontre o vídeo que deseja colocar na página. Quando você clicar no vídeo para fazer a visualização logo abaixo aparecerá um campo com o seguinte nome: COMPARTILHAR

Depois de apertar em COMPARTILHAR, você verá um link chamado INCORPORAR. Neste campo você terá o código que deve ser copiado. Ainda você pode ajustar os padrões de tamanhos

Selecione todo o código que está dentro do campo e copie-o para a página HTML. O Código ficará assim:

Código:: <html> <head> <title>Inserindo vídeos do YouTube em uma página HTML</title <meta http-removido="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <iframe width="853" height="480" src="http://www.seusite.com.br/redirect.php?urlout=http://www.youtube.com/embed/u548qyxRTBU" rel="nofollow"" frameborder="0" allowfullscreen></iframe> </body> </html>

Pronto, o vídeo já está na sua página e os internautas poderão visualizá-lo por lá, sem precisar abrir o YouTube. Mas, espera aí... o vídeo tá grande demais na página? Não tem problema, a gente diminui, basta você alterar os 2 parâmetros "width" e apagar o parâmetro heightque se encontram no endereço copiado do youtube, para que o tamano do vídeo seja proporcional. Veja no exemplo abaixo, o código da página com o mesmo vídeo em 2 tamanhos diferentes.

Código:: <html> <head> <title>Inserindo vídeos do YouTube em uma página HTML</title <meta http-removido="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <iframe width="853" height="480" src="http://www.seusite.com.br/redirect.php?urlout=http://www.youtube.com/embed/u548qyxRTBU" rel="nofollow"" frameborder="0" allowfullscreen></iframe> <iframe width="640" height="300" src="http://www.seusite.com.br/redirect.php?urlout=http://www.youtube.com/embed/u548qyxRTBU" rel="nofollow"" frameborder="0" allowfullscreen></iframe> </body> </html>

Você pode colocar a largura que for necessário.

Fonte: Oficina da net