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.

Comentários Jonathan Lamim   -

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:

<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 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.

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:

Selecione todo o código que está dentro do campo 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>
<iframe allowfullscreen width="853" height="480" src="youtube.com/embed/u548qyxRTBU" 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.

<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>
<iframe allowfullscreen width="853" height="480" src="youtube.com/embed/u548qyxRTBU" frameborder="0" allowfullscreen></iframe>
<iframe allowfullscreen width="640" height="300" src="youtube.com/embed/u548qyxRTBU" frameborder="0" allowfullscreen></iframe>
</body>
</html>

Você pode colocar a largura que for necessário. Veja um exemplo do vídeo aqui "embedado":

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

» Assine grátis o nosso RSS e receba tudo antes
» Assine grátis por e-mail | + feedly

Compartilhe no Facebook

Compartilhe no Twitter

 
carregando...

JUNTE-SE À DISCUSSÃO
Faça um comentário sobre este assunto
Enviar

Os comentários não representam a opinião do Oficina da Net; a responsabilidade é do autor da mensagem

  • Denilson Denilson Nível 1 Perg. 0 Resp. 1
    Há 1 ano
    ???
    0 Responder
  • Hebert Hebert  Domine Nível 1 Perg. 0 Resp. 1
    Há 6 meses
    Olá tudo bem ?Acontece o seguinte: Eu não sei onde abrir uma:Pagina de 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:"Eu copio o código em html do youtube insiro no post e Pronto, aparece o Vídeo! legal.Porém tem um código de um video No Incorporar do youtube ,que ele simplesmente fica em HTML e não se TRANSFORMA EM VÍDEO. Como fazer a pagina e onde?.Obrigado eu recebo muitas informações de vocês das quais eu Agradeço,.Abraço HebertPost completo em:https://www.oficinadanet.com.b...O conteúdo do Oficina da Net é protegido sob a licença Creative Commons (CC BY-NC-ND). Você pode re.
    0 Responder

O que está acontecendo no fórum

Últimas publicações