Como inserir vídeo do youtube no HTML!


Você que já está programando em HTML e criando páginas para a internet! Neste artigo vamos mostrar para você como inserir um vídeo do youtube no seu código HTML! Claro que nos Sistema já programados e bem arquitetados já tem uma função pronta para executar essa função, mas para você entender toda a estrutura básica, você vai aprender agora o passo a passo.



Existem diversas maneiras de inserir vídeos nas sua páginas usando as tags, o atributo src define qual vai ser o arquivo de vídeo você vai incorporar no seu site.

Vamos supor que você quer adicionar aquele vídeo de um clip de um artista que você é fan, ou um vídeo onde você está realizando uma palestra, um tutorial ou até mesmo o vídeo que fala da sua empresa!

Primeiro Passo:

Você vai no youtube e acessa o vídeo que deseja adicionar na sua página!



Após abrir a página do vídeo você vai procurar abaixo do vídeo o link compartilhar, dê um clique nele e vai aparecer uma caixa de diálogo com várias opções, clique em incorporar.

Segundo Passo:

Vai abri uma nova caixa de diálogo onde aparece o código de incorporação do vídeo Embed Vídeo com o iframe.



Copie ele e adicione onde você quer que apareça o vídeo na sua página, dentro da tag body.



Salve o seu código e veja que tem que aparecer assim como está abaixo:

Meu primeiro Vídeo



Pronto agora você sabe como inserir um vídeo do youtube no HTML! Parabéns!

Neste exemplo, utilizamos um vídeo institucional de um parceiro comercial que está expandindo negócios em Brasília no ramo de Ar Condicionados.

O HTML é uma linguagem de marcação de textos, você deve praticar sempre para aprimorar as suas habilidades com as tags e utilizá-las em seus projetos corretamente.

Web Master de todo o mundo tem esse arte de sempre ficar inovando em novas formas de criar uma página na internet, e todos eles passaram pela iniciação a programação web assim como você. O treinamento é a arte da perfeição.

Bem, espero que tenha gostado do artigo, por gentileza curte a nossas redes sociais clicando nos botões abaixo!

Viva com sucesso!

Curta as nossas redes sociais: