Validação da Tag Embed

Bom, como prometido no Post anterior, neste post abordarei sobre a solução que adotei para corrigir o erro de validação proporcionado pelo uso da “tag embed“.

Esse problema surge exatamente pelo motivo que o IE (Internet Explorer) não possui suporte standards para o uso da “tag object“.

Sendo assim, para que vídeos on-line sejam visualizados por esse browser, os desenvolvedores web (web designers) acabam sendo forçados a adotar o uso de uma tag não padronizada e aceita pelo W3C a chamada “tag embed“.

Para você que presa um código semântico limpo e validado essa Tag vai te dar dor de cabeça, mas agora com base no artigo de Drew McLellan, Flash Satay publicado no conceituado site A list Apart você saberá como resolver isso. Resumindo, nesse artigo Drew explica como usar a Tag object no lugar da tag embed para animações ou vídeos em flash. A explicação de Drew é justamente usar o elemento object desde que o type desse object seja definido adequadamente.

Exemplo de código não validado:

<object width=”425″ height=”350″>
<param name=”movie” value=”http://www.youtube.com/v/*FCzv7woB_1c”</param>
<param name=”allowScriptAcess” value=”sameDomain” </param>
<param name=”quality” value=”best”</param>
<param name=”bgcolor” value=”#FFF”</param>
<param name=”scale” value=”noScale”</param>
<param name=”salign” value=”TL”</param>
<embed src=”http://www.youtube.com/v/*FCzv7woB_1c” type=”application/x-shockwave-flash” wmode=”transparent” width=”425″ height=”350″></embed>
</object>

Agora aplicaremos o conceito de Drew McLellan, aplicando um type diferente para a tag object e retiraremos a tag embed do código acima em negrito, segue exemplo:

<object type=”application/x-shockwave-flash” data=”http://www.youtube.com/v/FCzv7woB_1c” width=”425″ height=”350″ id=”VideoPlayback”>
<param name=”movie” value=”http://www.youtube.com/v/FCzv7woB_1c”/>
<param name=”allowScriptAcess” value=”sameDomain” />
<param name=”quality” value=”best” />
<param name=”bgcolor” value=”#FFF” />
<param name=”scale” value=”noScale” />
<param name=”salign” value=”TL” />
<param name=”FlashVars” value=”playerMode=embedded” />
</object>

Repare que as alterações do segundo código estão em negrito, sendo que neste foi acrescentado um type no object (type=”application/x-shockwave-flash”) e um param name (param name=”FlashVars” value=”playerMode=embedded”). Escolhendo o player mode como embed foi possível retirar a tag embed que constava no 1º código.

Fazendo essas alterações nós conseguimos validar o código conforme as Standards e ainda conseguir suporte de visualização para o IE (Internet Explorer). Bom, viram que a resposta é bem simples, mas vale a pena lembrar que a dica funciona para vídeos on-line como por exemplo You Tube e Google Vídeo. Se tiverem dúvidas sobre como validar vídeos que rodam em Quicktime ou MédiaPlayer é só perguntar.

Abraços.

---

Gostou deste post? Deixe um comentário abaixo e continue a discussão, ou assine o meu feed e receba todos os artigos diretamente no seu leitor de feeds. (o que é feed?)

Forbellone Blog - Blog de SEO, Web Standards, Otimização de sites e Links Patrocinados (SEM) | (CC) Alguns direitos reservados.
Tema desenvolvido por Aurélio Forbellone, Imagens por Ronaldo Ribeiro e Logomarca por Cleberson Orcheski.