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
{ 65 comentários… leia abaixo ou deixe o seu }
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
Rubão,
Obrigado pela visita. Volte sempre.
Abraço!
Celso, parabéns pelo tutorial (simples e objetivo). Funcionou direitinho no Blogger, só precisei ajustar o tamanho da tela ao espaço.
Luis,
Que bom que conseguiu, reparei que colocou o vídeo no menu lateral. Ficou bom.
Abraço!
Oie galera como faço para abrir um arkivo pdf..
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!
como adiciono video no Nvu????
Yago,
Para inserir vídeos no NVU você deve clicar no botão "Source" que fica na parte inferior da janela.
Abraço!
Gostaria de saber com programar a página para que ela se ajuste automaticamente as configurações de video diferentes.
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!
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.
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!
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!
Claudio,
Infelizmente essa é uma configuração padrão do Youtube e não é possível alterar.
Abraço!
vocês saben espica pra mim forma dos codigos para istalação de vidio no site se tiver entra em contato
David,
A explicação está nesta página. O que você não entendeu?
Abraço!
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
Caillean,
Obrigado a você pela visita.
Abraço!
parabens.
suas informações são simples de se entender e objetivas.É justamente isso que a maioria dos
usuários precisam.
Hahah muito bom o post, tava precisando adicionar os vídeos desta forma no meu blog.
Vlw
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??
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!
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
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!
muinto obrigado pelas informações,assim consigo melhorar o meu blog.
Muito legal as dicas… Estava atr´pas de como colocar vídeo e foi muito fácil… Obrigada!
Danielle,
Quem que o artigo lhe ajudou. Obrigado pela visita.
Abraço!
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!
mano
o
c poder tira 1 duvida agradeç
meu blog so tem uma coluna!!
eu keria cria mas 2 n sei como
tem algum programa?
onde eu possu criar?
se me ajuda a gradeço
abraço du rock
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!
meu muito show valeu…………
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
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!
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.
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.
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!
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.
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!
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!
Estou iniciando um blog agora e o site está me ajudando pacas.
Abç
Brigadão!
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
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!
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.
Olá Sidney,
Desculpe mas eu não entendi direito a sua dúvida. Tente explicar melhor.
Abraço!
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
Egle,
Meus conhecimentos sobre o Joomla são limitados, recomendo que procure ajuda em um site especializado como o Joomla Brasil.
Abraço!
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!
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!
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+
E que criador de sites vocês usam para criar este site?
Mateus,
Não dá para apagar um site feito no Yola.
Eu uso o WordPress para criar este site/blog.
Abraço!
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.
Maycon,
Obrigado por comentar.
Abraço!
Esse site é maravilhoso, PARABÉNS!
Gostaria de saber
Como faço para inserir um video no NVU ?
Obrigada pela atenção!
Abraço!
Aniely,
Você precisa alterar o modo de edição para o modo HTML. Essa opção fica na parte inferior do programa.
Abraço!
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!
Nayara,
A maioria das empresas de hospedagens pagas são seguras. As gratuitas não tem segurança.
Recomendo o HostGator.
Abraço!
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.
Marcos,
Sistemas que permitem criar áreas restritas são o WordPress.com e o Webnode (o Webnode somente permite criar páginas protegidas em sua versão paga).
Os vídeos teriam que ser adicionados em serviços com o Youtube.
Abraço!
desculpe mais fels é de Filipe ta me desculpe se eu fiz um ”adivinha quem é” para vc.
Vlw ae galera, tô indo aplicar vídeo no site. Obrigado.
VLW amigo
foi de grande ajuda sua dica
Explicação prática e intuitiva, parabéns.