Como colocar vídeos do YouTube em seu site com XHTML válido

Quando postei sobre os 5 melhores vídeos do YouTube notei que o código não era válido.

Para colocar esse vídeo, o YouTube me dá esse código:

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/ZcNY2t0h-HE"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/ZcNY2t0h-HE" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

Faça assim agora:

<object type="application/x-shockwave-flash" style="width:425px;height:350px;" data="http://www.youtube.com/v/ZcNY2t0h-HE"><param name="movie" value="http://www.youtube.com/v/ZcNY2t0h-HE" /><param name="wmode" value="transparent" /></object>

Além de menor, porque tirei o embed, é válido e funciona. Para colocar os seus, é só mudar o ID aqui http://www.youtube.com/v/ZcNY2t0h-HE. Você também pode mudar o tamanho e criar uma class para diminuir o código se colocar vários vídeos [bb] em uma só página. :D

Atualização: Não recomendo para blogs, pois o feed não vai validar e dará erro no FeedBurner, vou passara colocar screenshots ao invés dos vídeos.

Gostou desse post? Então assine o RSS Feed, Email ou siga-me no Twitter!

Artigos relacionados:

Postado em Dicas, Tutoriais | 26 comentários | January 2nd, 2008 | Twittar post

26 comentários em “Como colocar vídeos do YouTube em seu site com XHTML válido”

on 14 Jan 2008 at 10:58 pm1Flavio

Obg pela dica.

Testei e funcionou.

=)

wellyngton respondeu em June 3rd, 2008 8:16 pm:
eu não entendi me manda o site por e-mail ja na parte de colocar por favor que eu não to consiguindo
on 07 Mar 2008 at 5:26 pm2Leonardo Antonioli

No IE 7 funcionou. Maso Firefox e o Opera me deram vídeos diferentes…
Abraço!
on 08 Mar 2008 at 8:26 pm3GAM

galera valeu a dica de video tava si matando pra colocar o midplayer com o link do yot ficou muito melhor tenk’s
on 14 Mar 2008 at 3:45 pm4Mega lista para Desenvolvedores WEB « | Conexão |

[...] Como colocar vídeos do YouTube em seu site com xHTML válido; [...]
on 18 Apr 2008 at 10:45 pm5junior

tentei e nao deu
on 02 May 2008 at 2:44 pm6Luiz Carlos

Estou terminando de montar o site ainda esta em contrução ams testei o video la pra ter certezae deu certo. Obrigado
on 08 May 2008 at 1:09 pm7juniot

cara vlw
pego msm
on 14 May 2008 at 5:07 pm8Anderson

cara muito bom..

muito obrigado me ajudou em montes
on 02 Jun 2008 at 2:01 pm9Lucasdw

muito bom.. obrigado.
agora gostava de saber como posso mudar o video inicial???
agradecia resposta..
on 25 Aug 2008 at 6:11 pm10Nivia ferreira

massa esse video show vcs vão gostar bjos
on 08 Sep 2008 at 8:19 am11dayana

nao entendir ? quero saber como eu coloco um video no meu site.
on 07 Oct 2008 at 2:21 pm12Alamar

Amigão: algumas pessoas me mandam emails, com vídeos do youtube dentro do e-mail, que eu posso ver na hora que estou lendo o email.
Como é que a gente faz isto?
Abração.

Alamar
Analista de Sistemas
alamar@redevisao.net
on 23 Nov 2008 at 12:21 am13BRUNO

man vlw ai consegui add minha video aulas no meu site

antes n dava pq no weaver o video era corrompido

[site omitido]

meu site se qser ver vlw fui
on 29 Dec 2008 at 5:10 pm14Fábio

Alguns vídeos eu consigo colocar no site, outros a tela fica branca? Alguém sabe o pq disso?
on 18 Jan 2009 at 12:14 am15Gustavo

Boa noite!!!
Cara tú é demais… quebrei a cabeça.
Mais entendi, é só diminuir o tamanho que dá certo.
Kkkkk …. veleu mesmo.

Agora queria uma ajudinha sua por aqui…
Como que faço para colocar um mural desses de recados???

Fico grato. Sou novo na área de HTML.

Bom final de semana aguardo!!!
on 26 Jan 2009 at 1:14 pm16Lucia Pinto

Gostari da colocar só o vídeo, como vi num site
do jeito que eu fiz pareceu toda a pagina do you tube
on 08 Mar 2009 at 12:46 am17angli

como coleco videos no youtube?
urgente me respona por favor
vlw
on 24 Mar 2009 at 11:13 pm18Andre

eae galera blz, eu entendi, mas como faço pra colocar um video meu? é só mudar o endereço de busca pro diretorio que ele está?
on 08 Apr 2009 at 8:38 pm19Tita

Também gostaria de saber como colocar vídeos do youtube no e-mail.

“Alamar
Amigão: algumas pessoas me mandam emails, com vídeos do youtube dentro do e-mail, que eu posso ver na hora que estou lendo o email.
Como é que a gente faz isto?
Abração.”
on 08 Apr 2009 at 10:15 pm20Júlio

num deu certo não =X
on 31 May 2009 at 12:45 pm21Thalita

eu não entedi como faz isso
afinal que video é esse???
on 04 Jun 2009 at 1:29 am22Walter

Valeu pela dica. Agora dá para colocar os vídeos no site.
Obrigado.
on 08 Jun 2009 at 11:06 am23wilson

Criei um site com estensao .hpg , gostaria de colocar videos ,
como faço.
Wilson
on 04 Jul 2009 at 7:31 am24emerson

Perfeito, deu certinho….
on 09 Jul 2009 at 9:21 pm25charles

muito boa dica agora vc inclementar mais o meu site vlw

Trackback URI |