Academia da Web

Certamente você já deve ter suado muito para conseguir validar se site pelo W3. Um dos problemas típicos é o uso de flash, pois a tag <embed> não está nos padrões.

Temos uma solução muito simples a ser utilizada quando você quiser inserir um flash nos padrões.

Para que os outros navegadores (Firefox, Opera, Chrome) aceitem o object devemos colocar as seguintes propriedades no object:

type="application/x-shockwave-flash"  // define o formato do arquivo

data="eduardocolombo.swf"             // o caminho do arquivo swf

width="639"                           // largura do swf

height="247"                          // altura do swf

Para que o Internet Explorer aceite o object devemos colocar as seguintes propriedades:

//Este atributo pode ser utilizado para especificar a localização de
 um objeto da execução através de um URI.

classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  

//Este atributo especifica a base caminho usado para resolver parente
 URIs especificados pelo classid, dados, arquivos e atributos. 
Quando ausente, seu valor padrão é a base URI do documento atual.

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/

swflash.cab#version=6,0,0,0"  

width="639"                           // largura do swf

height="247"                          // altura do swf

Fora do object ainda deve ser colocado este parâmetro:

<param name="movie"                    // especifica que é uma animação

       value="eduardocolombo.swf" />   // o caminho do arquivo swf

 

# Verifica se o navegador não for Internet Explorer

    <!--[if !IE]> -->

# Imprime o object correspondente compatível para outros navegadores

    <object type="application/x-shockwave-flash" data="eduardocolombo.swf" 

width="639" height="247">

# Fecha a crítica

    <!-- <![endif]-->

# Verifica se o navegador for Internet Explorer

# Imprime o object e param correspondente para o Internet Explorer

    <!--[if IE]>

    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 

width="639" 

height="247"

        codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/

swflash.cab#version=6,0,0,0">

        <param name="movie" value="eduardocolombo.swf" />

    <!--><!--dgx-->

# Imprime os parâmetros por default do object

// define o formato do arquivo

          <param name="type" value="application/x-shockwave-flash" />

// permite exibir o swf em tela cheia

       <param name="allowfullscreen" value="true" />                                

// qualidade do swf

       <param name="quality" value="high" />                                

// chamada de um xml

<param name="flashvars" value="file=kairos.xml" />                    

    </object>

# Fecha a crítica

    <!-- <![endif]-->

Assim nosso swf pode ser apresentado sem problemas de validação.

Precisamos ainda resolver um outro problema no IE7 que é os controles active, aquela borda que fica ao redor do swf.   Existe o método Eolas workaround trick, que é um pequeno js que pode ser baixado clicando neste link: fix_eolas.js

Academia da WEB, exercitando seus conhecimentos.

 

Eduardo de Brito Colombo