Inserindo vídeos do YouTube em uma página HTML
Canal: HTML | Autor: Jonathan Lamim Antunes | Publicado em: 07/11/2007 | Views: 15.530Primeiro você vai criar a sua página HTML, de acordo com o seu gosto. Se quiser pode copiar e colar o código abaixo:
Em seguida, salve a página como index.htm
Após ter criado a página, acesse o site do YouTube (www.youtube.com) e encontre o vídeo que deseja colocar na página.
Quando vc clicar no vídeo para fazer a visualização logo abaixo aparecerá um campo com o seguinte nome: EMBED. Esse campo é muito importante para colocar o vídeo na nossa página, é dentro dele que está o código que deverá ser copiado para a página.
Selecione todo o código que está dentro do campo EMBED e copie-o para a página HTML.
O Código ficará assim:
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 enderç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.
É isso aí pessoal, viram como é fácil colocar os vídeos do YouTube no seu site?!
Até a próxima...
<html>
<head>
<title>Inserindo vídeos do YouTube em uma página HTML</title>
<meta http-equiv="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 (www.youtube.com) e encontre o vídeo que deseja colocar na página.
Quando vc clicar no vídeo para fazer a visualização logo abaixo aparecerá um campo com o seguinte nome: EMBED. Esse campo é muito importante para colocar o vídeo na nossa página, é dentro dele que está o código que deverá ser copiado para a página.
Selecione todo o código que está dentro do campo EMBED e copie-o para a página HTML.
O Código ficará assim:
<html>
<head>
<title>Inserindo vídeos do YouTube em uma página HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<p>Meu vídeo preferido</p>
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/k9_iQim8Mtw&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/k9_iQim8Mtw&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
</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 enderç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.
<html>
<head>
<title>Inserindo vídeos do YouTube em uma página HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body><center>
<p>Meu vídeo preferido</p>
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/k9_iQim8Mtw&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/k9_iQim8Mtw&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
<p>Meu vídeo preferido em tamanho reduzido</p>
<object width="300" ><param name="movie" value="http://www.youtube.com/v/k9_iQim8Mtw&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/k9_iQim8Mtw&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="300"></embed></object>
</center></body>
</html>É isso aí pessoal, viram como é fácil colocar os vídeos do YouTube no seu site?!
Até a próxima...
Esta obra está licenciada sob uma Licença Creative Commons. Você pode copiar, distribuir, exibir, executar, desde que seja dado
crédito ao autor original (Citando nome do autor, data, local e link de onde tirou o texto). Você não pode fazer uso comercial desta obra.
Você não pode criar obras derivadas.
Vote no artigo:
NR. DE VOTO(S): [2]
Artigo anterior
HTML BÁSICO - PARTE 1
Aprenda os principios do html para faz. Próximo artigo
HTML 5: a nova versão da web q.
Ainda em versão de teste e pouco utili.
HTML BÁSICO - PARTE 1
Aprenda os principios do html para faz. Próximo artigo
HTML 5: a nova versão da web q.
Ainda em versão de teste e pouco utili.
Compartilhe:
um abraço.
vlw mesmo flw
Vou poder trabalhar em um projeto agora.
Abração
Tudo bem com tigo...
Em primeiro lugar eu quero agradecer pela explicação mostrada aqui neste site.
Sou verde ainda no assunto.
Gostaria muito de aprender a fazer um site, só que para mim aprender, tem que ser conforme o modo que eu consiga assimilar melhor as coisas conforme o meu entendimento, se é que me entende. Cada passo de aprendizado por exemplo, tem que ser anotado, á princípio para mim é melhor assim, depois a gente tira de letra. Já fiz downloads do programa Kompozer,Top Style Lite, Só que para mim aprender tenho que ter algumas coordenadas, se conheces alguem que tenha um tempinho disponível para me explicar sem compromisso é claro, pelo msn, eu fico muito agradecida.
Meu msn-e-mail: lu.danluccistore@hotmail.com
Grata...
Luciana
Graças a Deus! né... kkkkkkk
+ valeu msm... bjão
Valeu mesmo.