Como colocar vídeos do Youtube no site

by Celso Lemes on 04/06/2008

in Vídeo | Tutoriais


Quem está começando a criar seu primeiro site, geralmente sente uma vontade incontrolável de colocar um monte de coisas legais como contador de visitas, mural de recados, imagens animadas entre outras cositas mas!

Um dos ítens que também estão nessa lista são os Vídeos do Youtube.

Eu sei disso porque esta é uma pergunta deixada com freqüência aqui nos comentários do Criar Sites. E para resolver este problema eu resolvi criar este tutorial para ensinar você que está passando por este sufoco a colocar vídeos do Youtube nas páginas de seu site.

Para começar, a primeira coisa que você deve fazer é encontrar o vídeo que deseja adicionar em seu site.

No lado direito do vídeo, você encontrará o campo “Embed” como você pode ver na figura abaixo.

Clique na imagem para ampliar

Dê um clique no campo onde se encontra o código “<embed> fazendo com que ele se torne azul, em seguida clique com o botão direito do mouse e no menu que aparece clique em “Copiar”, para copiar o código do vídeo.

Com o código copiado, você deve colar este código na página que deseja que o vídeo apareça. A inclusão do código na página deve ser feita no modo HTML. Se você não sabe como proceder, confira as dicas abaixo:

Como incluir Vídeo no DreamWeaver CS3
Inicie um novo documento. Clique na área onde deseja que o vídeo apareça e em seguida clique no botão “Code” que fica no menu de ferramentas na parte superior do programa. Agora basta colar o código dentro do documento e publicar.

Clique na imagem para ampliar

Como incluir vídeos no WordPress
Clique na aba “Write” para iniciar um novo documento. Quando a página abrir clique na aba “HTML” que fica na parte superior do campo onde a nova página é escrita. Agora basta colar o código dentro do documento e publicar.

Clique na imagem para ampliar

Como incluir Vídeo no Blogger
Inicie uma nova postagem. Quando a página abrir clique na aba “Editar HTML” que fica na parte superior do campo onde a nova postagem é escrita. Agora basta colar o código dentro do documento e publicar.

Clique na imagem para ampliar

Artigos relacionados
DreamWeaver CS3 – Programa para montar sites
Mural de Recados Grátis
Contador de Visitas Grátis

Related Posts with Thumbnails

Mais Artigos que você pode estar interessado




{ 55 comments… read them below or add one }

1 Rubão 05/07/2008 às 1:07 pm

Pessoal exelente esse site, embora eu esteja procurando onde fazer um blog personalizado de boa qualidade rsrssr…gostei muito das informações aqui contidas e da forma como estas informações são expostas. Parabéns pelo trabalho.

Rubão

Responder

2 Celso Lemes 06/07/2008 às 12:27 am

Rubão,
Obrigado pela visita. Volte sempre.

Abraço!

Responder

3 Luis Marcos Leite 18/07/2008 às 7:17 am

Celso, parabéns pelo tutorial (simples e objetivo). Funcionou direitinho no Blogger, só precisei ajustar o tamanho da tela ao espaço.

Responder

4 Celso Lemes 19/07/2008 às 7:48 pm

Luis,
Que bom que conseguiu, reparei que colocou o vídeo no menu lateral. Ficou bom.

Abraço!

Responder

5 paola 21/07/2008 às 12:31 pm

Oie galera como faço para abrir um arkivo pdf..

Responder

6 Celso Lemes 22/07/2008 às 3:59 am

Paola,
Apesar de esse tipo d edúvida não ser relacionado a criação de sites eu posso lhe ajudar. Você precisa do Adobe Acrobat Reader que pode ser pego aqui http://www.adobe.com/br/products/acrobat/readstep2.html

Abraço!

Responder

7 Yago 30/07/2008 às 4:58 pm

como adiciono video no Nvu????

Responder

8 Celso Lemes 31/07/2008 às 9:07 pm

Yago,
Para inserir vídeos no NVU você deve clicar no botão “Source” que fica na parte inferior da janela.

Abraço!

Responder

9 Ricardo Melo 05/08/2008 às 5:57 am

Gostaria de saber com programar a página para que ela se ajuste automaticamente as configurações de video diferentes.

Responder

10 Celso Lemes 05/08/2008 às 7:29 pm

Ricardo,
Se estiver utilizando tabelas para construir seu site, basta que você especifique a largura para 100%

Lembrando que seu site pode ficar deformado quando visto em monitores com resolução muito alta.

Abraço!

Responder

11 Jonh 14/08/2008 às 1:14 pm

oi, primeiramente parabens pelo site, começei a montar o meu agora e naum intendo abslutamente nada, taum sendo muito uteis as dicas aqui ja add nos favoritos =).

Mais eu to com um problema eu hospedei o meu site no insite, e uso o construtor que o site disponibiliza, to tentando aprende a fazer pelo front page, mais ate la vai demorar, o problema e que no construtor do insite nao tem nada para postar video ou converter para HTM, tem como voce postar como editar o embed manualmente? queria muito que meus videos pudesem ser assistidos diretamente no site.

Responder

12 Celso Lemes 26/08/2008 às 8:15 pm

Jonh,
Infelizmente eu não tenho hospedagem com a Insite e não tenho a menor idéia de como isso poderia ser feito. Desculpe mas não poderei te ajudar.

Abraço!

Responder

13 Claudio Defermann 03/09/2008 às 11:39 am

Olá Celso!

Muito bom seu artigo, bastante prático.

Gostaria de perguntar-lhe se pode me dar umas dicas sobre como fazer um video do youtube abrir assim que a página do meu Blog é aberta(abrirem juntos), sem a necessidade de clicarmos no botão para que o video abra/inicie. Ok?!

Abraço!

Responder

14 Celso Lemes 03/09/2008 às 8:44 pm

Claudio,
Infelizmente essa é uma configuração padrão do Youtube e não é possível alterar.

Abraço!

Responder

15 david 09/09/2008 às 1:11 pm

vocês saben espica pra mim forma dos codigos para istalação de vidio no site se tiver entra em contato

Responder

16 Celso Lemes 09/09/2008 às 11:41 pm

David,
A explicação está nesta página. O que você não entendeu?

Abraço!

Responder

17 Caillean 03/11/2008 às 5:45 pm

Ola Celso
Você nao imagina como me ajudou, estou tentando desde o ano passado colocar videos nos meus blogs e nao conseguia, li varios sites e nao consegui entender ate chegar neste.Parabéns pelo site muita qualidade nas informaçoes. Como faço tudo sozinha vou ser uma usuaria fiel :)
Grande Abraço

Responder

18 Celso Lemes 04/11/2008 às 12:04 am

Caillean,
Obrigado a você pela visita.
Abraço!

Responder

19 sidney 13/11/2008 às 7:22 am

parabens.
suas informações são simples de se entender e objetivas.É justamente isso que a maioria dos
usuários precisam.

Responder

20 Wellington 19/11/2008 às 11:48 pm

Hahah muito bom o post, tava precisando adicionar os vídeos desta forma no meu blog.

Vlw

Responder

21 Denilson 02/12/2008 às 2:20 pm

Muito boa a sua dica. Simplifica bastante a forma de trabalhar com site. Espero que vc continue nos ajudando.

Nao consigo passar o video no FireFox… tem alguma dica que possa resolver o problema??

Responder

22 Celso Lemes 03/12/2008 às 6:48 am

Denilson,
Eu também costumava ter problemas em assistir vídeos no Firefox 2.0. Os vídeos não passavam de jeito nenhum.

Se você estiver utilizando esta versão, sugiro que passe para a versão 3.0

Abraço!

Responder

23 José Luiz 19/03/2009 às 11:39 am

Parabens – suas dicas são fantasticas, ve se pode me ajudar coloquei um video do you tube no meu site ficou perfeito. só que quando termina abre janelas para ver outros filmes tem como anular estes links . tipo assim terminou volta para o começo ou para por ali mesmo sem entrar janelas – abração e sucesso

Responder

24 Celso Lemes 19/03/2009 às 6:33 pm

José,
com vídeos do Youtube e similares isso não é possível, este é o ganha pão deles.
Neste caso você teria que armazenar os vídeos em seu servidor, você pode conferir este artigo http://www.criarsites.com/coloque-videos-em-suas-paginas-diretamente-de-seu-servidor/

Abraço!

Responder

25 Antônio 25/03/2009 às 2:07 pm

muinto obrigado pelas informações,assim consigo melhorar o meu blog.

Responder

26 Danielle 01/04/2009 às 1:14 am

Muito legal as dicas… Estava atr´pas de como colocar vídeo e foi muito fácil… Obrigada!

Responder

27 Celso Lemes 01/04/2009 às 2:07 am

Danielle,
Quem que o artigo lhe ajudou. Obrigado pela visita.

Abraço!

Responder

28 rock 02/04/2009 às 12:30 pm

mano
eu criei 1 menu certu mas n sei coloca os links da minhas tvs dentru do menus nu dreamweaver!!
pode me ajuda ??

Responder

29 Celso Lemes 02/04/2009 às 12:45 pm

Rock,
Eu posso ajudar sim, mas tente explicar melhor o que está tentando fazer.
É que fica difícil explicar uma coisa assim sem ver.

Abraço!

Responder

30 rock 10/04/2009 às 10:42 pm

mano
c poder tira 1 duvida agradeç :roll: o
meu blog so tem uma coluna!!
eu keria cria mas 2 n sei como :roll:
tem algum programa? :roll:
onde eu possu criar? :roll:
se me ajuda a gradeço :roll:
abraço du rock :cry:
:mrgreen:

Responder

31 Celso Lemes 10/04/2009 às 11:03 pm

Rock,
Eu não sei mexer com códigos, porém pelo que eu vejo o pessoal falando, é muito mais fácil trocar o seu atual template por um que seja do jeito que você quer.

Abraço!

Responder

32 fabio 11/04/2009 às 9:18 am

meu muito show valeu…………

Responder

33 Luis Henrique 19/04/2009 às 5:27 pm

Oi, é que já estou a vários dias tentando tirar uma duvida e ja entrei em contato com vários blog e ninguém quis me ajudar eu acho que eles pensao que eu quero atrapalhar eles é que eu estou criando um site e quero saber como eu faço para colocar filmes no meu site para ser baixado por meus futuros visitantes os arquivos dos filmes eu terei que baixar de algum site para colocar no MEGAUPLOD é isso que eu tenho que faser

Responder

34 Celso Lemes 19/04/2009 às 10:47 pm

Luis,
Normalmente os sites deste gênero fazem isso mesmo. Eles publicam os arquivos em site de armazenamento e depois só colocam o link dentro de seus sites.

Abraço!

Responder

35 charles 21/04/2009 às 1:18 pm

A minha duvida é o seguinte:
tenho um dominio http://www.maiservicos.com.br, criei uma pasta \cyber, nela coloquei um video com controles, ele funciona perfeitamente, mas eu quero que ele apareça no dominio principal tb. o endereço onde o video esta é http://www.maiservicos.com.br/cyber/video/Imagem.flv, mas infelizmente qd entro no site aparece mensagem de erro e nada aparece. Poderia me ajudar estou usando o dreamwaver CS4. Não quero precisar copiar o video para a pagina principal, pois assim terei o mesmo video duplicado. Quero usar o link. Agradeço a atenção.

Responder

36 charles 21/04/2009 às 1:24 pm

obs.: No endereço
http://www.maiservicos.com.br/cyber/ o video aparece, apenas qd coloco o link na principal é que fica uma área branca.
http://www.maiservicos.com.br, pois quero colocar um informativo, para quem desejar mais informações poderá ver o video sem ir para a pagina do cyber.

Responder

37 Celso Lemes 22/04/2009 às 1:24 am

Charles,
Pelo que eu percebi você está usando o código fornecido por algum programa que utilizou para cria o vídeo. Se foi isso provavelmente teria que editar o código e alterar o caminho de onde se encontra o vídeo que seria esse http://www.maiservicos.com.br/cyber/video/Imagem.flv
Pode ser também que haja outros itens que devam ser mudados. Dê uma olhada no código.

Abraço!

Responder

38 charles 24/04/2009 às 8:07 pm

Celso, para resolver o problema eu copiei o video para a raiz do site, mas quero resolver isso, pois não tem logica ter o mesmo video 2 vezes no mesmo dominio, qd bastaria colocar um link do local que ele se encontra. Já pensou se eu montasse outros sub-dominios e desejasse colocar outros video, caso fossem iguais eu teria q copiar varias vezes o mesmo video. Agrdeço pela atenção. Eu uso o dreamwaver, o arquivo tá em FLV, caso tenha visitado os dominio e a pasta criada para o CYBER, deve ter visto o video, mas tive q duplica-lo, ainda bem q ele tem apenas 6 MB, imaginou se tivesse 50MB ou mais. Abraço, um bom trabalho o seu.

Responder

39 Celso Lemes 25/04/2009 às 1:50 am

Charles,
É como eu te falei, pode ser que seja apenas uma mudança no código para apontar para o endereço correto.
Verifique se não é isso.

Abraço!

Responder

40 Helder 04/05/2009 às 9:47 pm

como faco para mim colocar aqueles contador de visitas la no meu site? eu tenho q hospedalo primeiro?
Ae meu site ta quse pronto eu posso divulgar este site entre o meu?

Responder

41 Celso Lemes 05/05/2009 às 7:59 am

Helder,
A forma que você vai colocar o contador no seu site vai depender de como você está fazendo o site. Me passe mais informações para que eu possa lhe ajudar.

Abraço!

Responder

42 Henry McDowell 10/06/2009 às 4:55 am

Estou iniciando um blog agora e o site está me ajudando pacas.
Abç
Brigadão!

Responder

43 Dario 10/06/2009 às 6:46 am

sim acho que esta esclarecedor mas o que eu queria mesmo era por um video que tenho nos meus documentos
no meu primeiro website e nao sei como o fazer. se calhar pode ser estupido eu nao saber fazer mas como referi e o primeiro

Responder

44 Celso Lemes 10/06/2009 às 11:36 am

Dario,
Você queria colocar os vídeos sem utilizar nenhum serviço de compartilhamento de vídeos? Se for isso me desculpe mas eu não sei como fazer.

Abraço!

Responder

45 sidney pereira 28/07/2009 às 3:21 pm

olá, parabens pelo trabalho, continue assim.
gostaria muito se possivel uma explicação de como
colocar videos no dreamweaver utilizando skins que nao sejam do proprio programa, pois não consigo deixar a opção do fullscreen para os videos, sendo que as opções do dreamweaver não oferece tais skins,ou um programa que possa exportar o video configurado, blz, se puder me ajudar, um abraço. continue ajudando a galera.

Responder

46 celsoalemes 28/07/2009 às 6:24 pm

Olá Sidney,
Desculpe mas eu não entendi direito a sua dúvida. Tente explicar melhor.

Abraço!

Responder

47 Egle Munhoz 12/09/2009 às 10:18 pm

Olá. Parabéns pelo site e pelo esclarecimento das dúvidas. Mas continuo com a minha. Uso joomla e não consegui colar o embed do youtube para rodar dentro do meu site. Clico no HTML do site, colo e aparece apenas a imagem daquela caixinha vazia com o xizinho vermelho. O que poderia estar errado. Se alguém conhece do Joomla, por fv me ajude. Um abraço. Egle

Responder

48 Celso Lemes 13/09/2009 às 12:50 am

Egle,
Meus conhecimentos sobre o Joomla são limitados, recomendo que procure ajuda em um site especializado como o Joomla Brasil.

Abraço!

Responder

49 carlos 17/10/2009 às 12:07 pm

quando um site coloca um video que tem o código embed posso copiar e colocar em meu site?

Responder

50 Celso Lemes 17/10/2009 às 6:27 pm

Carlos,
Vai depender de o dono do vídeo ter liberado a publicação do vídeo em outros sites. Caso contrário você pode ter problemas com direitos autorais.

Abraço!

Responder

51 Rogerio Corrêa 20/10/2009 às 9:32 am

Olá!! Estou com um problema: eu coloco o video e tudo bem, aparece normal, porem fica acusando que a pagina contem erros (na parte esquerda de baixo do explorer, que nem aparece aqui), pois bem, como faço pra esse erro sair, pois as vezes nem a página abre por conta deste erro, e se eu tiro o video, o erro some!
a mensagem de erro é essa:
Detalhes dos erros da página da Web
Agente de Usuário: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; InfoPath.2; .NET CLR 1.1.4322; .NET CLR 2.0.50727)
Carimbo de data/hora: Tue, 20 Oct 2009 05:59:46 UTC
Mensagem: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)
Linha: 0
Caractere: 0
Código: 0

Responder

52 Celso Lemes 20/10/2009 às 7:49 pm

Rogerio,
Eu também não sei o que pode ser esse problema ou como resolvê-lo. Também não sabia que esse problema acontecia aqui no meu site. Vou dar uma investigada.
Obrigado pela dica.

Abraço!

Responder

53 Rogerio Corrêa 21/10/2009 às 8:28 am

Valeu por responder!! se souber de alguma coisa me avisa!! tambem andei investigando e os comentários que achei foi que era problema com o Internet Explorer, pois no Firefox não acusa esse erro!! t+

Responder

54 Mateus 25/01/2010 às 1:00 am

E que criador de sites vocês usam para criar este site?

Responder

55 Celso Lemes 25/01/2010 às 12:36 pm

Mateus,
Não dá para apagar um site feito no Yola.
Eu uso o WordPress para criar este site/blog.

Abraço!

Responder

Deixe um comentário

Atenção antes de Deixar um Comentário!
- Se o seu comentário for relacionado ao post, tenha certeza de que o leu.
- Todo comentário obsceno, ilegal, ofensivo, anônimo, escrito todo em maiúscula, contendo gírias em excesso ou estritamente publicitários, serão "apagados".
- Somente inclua links no comentário se ajudar a explicar o seu comentário.
- Se precisa de ajuda, procure deixar o máximo de informação possível.
- Não peça para adicionar ao MSN.
- Spam não será tolerado.


Este site lhe foi útil? Então ajude na divulgação clicando aqui.

Previous post:

Next post: