Flash validado pelo W3C
Buenas, assiduos leitores de de vez em quando….
Boa parte de quem desenvolve interface HTML e se preocupa com a validação do código já se deparou com um problema grave: Minha página precisa conter um arquivo em flash, um vídeo do You Tube, porém isso deixa o código impossível de ser validado. Não mais… Eu lhes trago a solução pra isso.
Há duas maneiras de se fazer isso, um por Javascript, onde você inclue o código na página através de um innerHTML, ou através de um código mais suscinto. Abaixo mostro as três maneiras de se por o código.
A gerada pelo flash e o Youtube, porém errada.
<object> <param name="movie" value="http://www.youtube.com/v/izSOrOmxRgE"></param> <param name="wmode" value="transparent"> </param> <embed src="http://www.youtube.com/v/izSOrOmxRgE" type="application/x-shockwave-flash" wmode="transparent" width="390" height="321"> </embed> </object>
A Gerada por innerHTML
function iniciaFlash(){
var flash = “<object id=’imgflash’ width=’514′ height=’250′ align=’middle’ codebase=’http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0′ classid=’clsid:d27cdb6e-ae6d-11cf-96b8-444553540000′>”+
“ <param value=’sameDomain’ name=’allowScriptAccess’/>”+
“ <param value=’images/imgflash.swf’ name=’movie’/>”+
“ <param value=’high’ name=’quality’/>”+
“ <param value=’#324b2e’ name=’bgcolor’/>”+
“ <param value=’transparent’ name=’wmode’/>”+
“ <embed width=’514′ height=’250′ align=’middle’ pluginspage=’http://www.macromedia.com/go/getflashplayer’ type=’application/x-shockwave-flash’ allowscriptaccess=’sameDomain’ name=’imgflash’ bgcolor=’#324b2e’ quality=’high’ src=’images/imgflash.swf’/>”+
“</object>”
document.getElementById(”imagensflash”).innerHTML = flash;
}
Dentro da função iniciaFlash, crio uma variável com os dados do flash e incluo dentro da div que tem o id “imagensflash”.
Após isso inicio a função dentro do onload do body.
<body onLoad=”iniciaFlash()”>
E a mais simples e talvez a melhor.
<object type=”application/x-shockwave-flash” data=”arquivo.swf” width=”390” height=”321“> <param name=”movie” value=”arquivo.swf” /> </object>
Agora você pode escolher a que melhor se encaixar no seu projeto.
Abraços e até o próximo Post.
Enviado por: Leandro Garcia - Categoria(s): JavaScript, Praticas Tags relacionadas: CSS, Flash, HTML, JavaScript, Praticas, W3C
Muito bom, estava mesmo precisando saber e funcionou muito bem!
Obrigado!
Ótima dica, um jeito simples e que funciona
Como validar um video em flash no W3C, sem ser puxando pelo youtube e sim do própro servidor. Ao adicionar o vídeo no Dreamweaver ele gera o segmente código:
AC_FL_RunContent( ‘codebase’,'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0′,’width’,'500′,’height’,'376′,’id’,'FLVPlayer’,’src’,'FLVPlayer_Progressive’,'flashvars’,'&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=videos/garanhao-ajax-arete&autoPlay=false&autoRewind=false’,'quality’,'high’,’scale’,'noscale’,'name’,'FLVPlayer’,’salign’,'lt’,'pluginspage’,'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash’,'movie’,'FLVPlayer_Progressive’ ); //end AC code
Evite adicionar vídeos através do botão do dreamweaver, ele costuma fazer esse tipo de coisa.
Prefira incluir via código, ou seja utilize:
”
< obj ect type="applicat ion/x-shockwave-flash" data="arquivo.swf" width="390" height="321" >
< param name="movie" value="arquivo.swf" / >
< /object>
”
Onde em arquivo.swl você coloca o caminho do vídeo, ex. “../flash/animacao.swf”
Valew mesmo, o jeito é simples mas funciona
Até mais..