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.

Por Programação 11 comentários
Inserindo vídeos do YouTube em uma página HTML

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:

Meu vídeo preferido



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



Meu vídeo preferido

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, veja a foto abaixo.

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

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, veja a imagem abaixo:

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

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



Inserindo vídeos do YouTube em uma página 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.



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





 

É isso aí pessoal, viram como é fácil colocar os vídeos do YouTube no seu site? Até a próxima...

Leia também: As 10 maiores redes sociais em 2019. Acompanhe as últimas notícias de tecnologia aqui no Oficina da Net. Sempre trazendo conteúdos novos e produtos interessantes.

Compartilhe com seus amigos:
Comentários:
Carregar comentários