4

XHTML válido para vídeos do YouTube

Posted by Ana Claudia on ago 26, 2007 in Web Standards, XHTML

Há algum tempo, quando postei o vídeo do iPhone que encontrei no YouTube, percebi que meu firefox mostrava que o código da tag <embed> não era válido pela W3c, então procurei no nosso amigo Google uma alternativa que tornasse o código do vídeo válido e que o mostrasse corretamente tanto para Firefox como IE 6. A primeira solução que encontrei criava um código que funcionava para Firefox e outro para IE, não achei que fosse o melhor. Procurando um pouco mais no nosso querido amigo, encontrei neste blog uma solução mas fácil e menor. Este foi o vídeo que peguei no Youtube (porque adoro gatos), que me fornece um código assim:

1
2
3
4
5
<object width="425" height="373">
 <param name="movie" value="http://www.youtube.com/v/nTasT5h0LEg&hl=pt-br&fs=1"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/nTasT5h0LEg&hl=pt-br&fs=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="373"></embed>
</object>

Esse vídeo não é um xhtml válido, como disse anteriormente, mas podemos modificá-lo da seguinte forma:

1
2
3
4
<object style='width:425px;height:373px' data="http://www.youtube.com/v/nTasT5h0LEg&hl=pt-br&fs=1">
 <param name="http://www.youtube.com/v/nTasT5h0LEg&hl=pt-br&fs=1" />
 <param name="wmode" value="transparent" />
</object>

O vídeo vai ser mostrado assim:

Bom por hoje é só pessoal, um artigo curto porém útil para mostrar vídeos do YouTube em seus blogs ou sites. ;)

Copyright © 2010 Ana Claudia. All Rights Reserved.
Theme by Lorelei Web Design.