Note: Chào mừng bạn đến với Cntt-k3.com. Hãy Đăng ký thành viên hoặc Đăng nhập để có thể tham gia cùng Cntt-k3 nhá !

Você não está conectado. Conecte-se ou registre-se

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

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

Wh0s

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

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:

Código:
<html>
<head>
<title>Inserindo vídeos do YouTube em uma página HTML</title
<meta http-removido="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

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

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

Código:
<html>
<head>
<title>Inserindo vídeos do YouTube em uma página HTML</title
<meta http-removido="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<iframe width="853" height="480" src="http://www.seusite.com.br/redirect.php?urlout=http://www.youtube.com/embed/u548qyxRTBU" rel="nofollow"" 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 height que se encontram no endereço copiado do youtube, para que o tamanho do vídeo seja proporcional. Veja no exemplo abaixo, o código da página com o mesmo vídeo em 2 tamanhos diferentes.

Código:
<html>
<head>
<title>Inserindo vídeos do YouTube em uma página HTML</title
<meta http-removido="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<iframe width="853" height="480" src="http://www.seusite.com.br/redirect.php?urlout=http://www.youtube.com/embed/u548qyxRTBU" rel="nofollow"" frameborder="0" allowfullscreen></iframe>
<iframe width="640" height="300" src="http://www.seusite.com.br/redirect.php?urlout=http://www.youtube.com/embed/u548qyxRTBU" rel="nofollow"" frameborder="0" allowfullscreen></iframe>
</body>
</html>

Você pode colocar a largura que for necessário.

Fonte: Oficina da net

Ver perfil do usuário http://webtech.forumais.com

AndréR.

avatar
Programador
- bom tutorial, vai ajudar bastante os iniciantes ...



É meu fã ? use ;)
# FãBar:
Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum

  • criar um fórum | © PunBB | Fórum grátis de ajuda | Fale conosco | Assinalar uma queixa | Hospedagem de fórums