Como Compartilhar Vídeo do Youtube no Seu Site


como compartilhar video do youtube no seu site

Nesse post vou mostrar como compartilhar um vídeo do Youtube no seu site.

Como Compartilhar Vídeo do Youtube no Seu Site Utilizando as Opções do Youtube

Escolha o vídeo do Youtube que você quer compartilhar no seu site, segui os passos abaixo:

  1. Clique em “Compartilhar” logo abaixo do vídeo.
  2. Clique na opção “Incorporar
  3. Cópie o código que ele vai gerar automaticamente.

Compartilhar Vídeos do Youtube no Seu Site - Debugado

Inserir Vídeo do Youtube no Seu Site Na Mão

Escolha o vídeo que você quer compartilhar e copie a url da página. Depois faça a seguinte alteração, segue abaixo.

Original

1
https://www.youtube.com/watch?v=GrIwoGjvkUI

Alterado

1
https://www.youtube.com/embed/GrIwoGjvkUI

Basicamente você apenas precisa alterar a parte da url onde diz “watch?v=” para “embed/”.

Agora insira um iframe na com a url do vídeo no seu HTML. Segue código abaixo:

Código do Iframe

1
<iframe width="420" height="345" src="https://www.youtube.com/embed/GrIwoGjvkUI"></iframe>

Código do HTML Completo

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html lang="pt-br">
	<title>Inserindo Vídeos do Youtube no Seu Site</title>
	<meta charset="utf-8" />
<body>
 
	<iframe width="420" height="345" src="https://www.youtube.com/embed/GrIwoGjvkUI"></iframe>
 
</body>
</html>

Dessa forma você consegue inserir de maneira bem simples quantos vídeos quiser. Curtiu? Não se esqueça de curtir, comentar e compartilhar.


Social tagging: > >