Como Adicionar Vídeos do Youtube ao seu Site


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. Abaixo do vídeo você poderá encontrar o botão “Compartilhar”. Clique sobre ele para abrir o assistente.

Em seguida clique em “Incorporar” e selecione a opção “Usar código de incorporação antigo”.

incorporar vídeo do Youtube

Agora é só copiar o código do vídeo e colar no seu site ou blog.

Dê um clique no campo onde se encontra o código “<object> 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

About Celso Lemes

Celso Lemes é Blogueiro profissional. Vivo de blogs, blogo para viver, vivo blogando, blogando eu vou vivendo.   Baixe grátis o e-book 12 Passos para Divulgar seu Site ou Blog.
Bookmark the permalink.

66 Comments

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

  2. Rubão,

    Obrigado pela visita. Volte sempre.

    Abraço!

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

  4. Luis,

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

    Abraço!

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

  6. 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/readstep

    Abraço!

  7. como adiciono video no Nvu????

  8. Yago,

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

    Abraço!

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

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

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

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

  13. Claudio Defermann

    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!

  14. Claudio,

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

    Abraço!

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

  16. David,

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

    Abraço!

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

  18. Caillean,

    Obrigado a você pela visita.

    Abraço!

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

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

    Vlw

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

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

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

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

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

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

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

    Abraço!

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

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

    • 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!

  30. meu muito show valeu…………

  31. Luis Henrique

    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

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

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

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

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

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

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

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

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

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

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

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

    • 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!

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

    • 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!

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

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

  46. Celso. parabéns. Um tutorial direto e preciso. Procurei muitas informações e o seu post foi o melhor . Fiz e funcionou na boa. muito obrigado.

  47. Esse site é maravilhoso, PARABÉNS!
    Gostaria de saber
    Como faço para inserir um video no NVU ?
    Obrigada pela atenção!
    Abraço!

  48. eu queria saber onde existe um lugar onde eu possa criar um site de segurança, no qual eu possa fazer o meu programa certo , e possa colocar os meus videos! Obgado … Nayara!

  49. Caros, super util as informações daqui. Preciso de um help. Tenho um grupo de pós graduação que quer ter um espaço virtual onde possamos dividir nossos videos que estão salvos nas nossas maquinas. Como consigo isso? Crio um blog? Existe a possibilidade de ser um lugar gratuito e de acesso restrito protegido por senha, como num e-group? Brigado.

  50. desculpe mais fels é de Filipe ta me desculpe se eu fiz um ”adivinha quem é” para vc.

  51. Vlw ae galera, tô indo aplicar vídeo no site. Obrigado.

  52. VLW amigo
    foi de grande ajuda sua dica

  53. Celso, boa noite,
    O tutorial é simples e me lembro do tempo que o youtube tinha o campo “Embed”. Agora preciso anexar um vídeo e não acho esse bendito campo. Mudou algo??
    Grato
    Antonio

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.

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>