[Resolvido] Como colocar um SWF dentro de uma div?

[Lucas Guima 164]

Não sei ao certo onde deveria postar, pois não sei exatamente o motivo do erro.

Pesquisei no Google e aqui e tudo que encontrei não funcionou...

 

Gerei uma página HTML com o Flash CS4 contendo uma animação, aí gera aquele baita script, eu separei num .js

E gera também essa chamada:

 

<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="300" height="300" id="tutorial" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="tutorial.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#FFF" />
<embed src="tutorial.swf" quality="high" bgcolor="#ffffff" width="300" height="300" name="tutorial" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</noscript>

Meu problema é esse <noscript> que impede o SWF ficar dentro da div.

Ela está definida assim:

 

#player {
	border: dashed 2px #999;
	margin: 0 auto;
	width: 300px;
	height: 300px;
	}

Tentativa #1 - Só adicionando a div

<div id="player">
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="300" height="300" id="tutorial" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="tutorial.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#FFF" />
<embed src="tutorial.swf" quality="high" bgcolor="#ffffff" width="300" height="300" name="tutorial" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</noscript>
</div>

Resultado: A animação fica no topo e a div fica vazia.

 

Tentativa #2 - Sem o <noscript>

<div id="player">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="300" height="300" id="tutorial" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="tutorial.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#FFF" />
<embed src="tutorial.swf" quality="high" bgcolor="#ffffff" width="300" height="300" name="tutorial" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</div>

Resultado: Duas animações na página, uma dentro da div (como eu quero) e outra no topo da página (sem alinhamento algum).

 

Tentativa #3 - Div dentro do <noscript>

<div id="player">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="300" height="300" id="tutorial" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="tutorial.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#FFF" />
<embed src="tutorial.swf" quality="high" bgcolor="#ffffff" width="300" height="300" name="tutorial" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</div>

Resultado: O <noscript> sucumbe a div, ela deixa de existir e a animação continua no topo.

 

A situação tá tensa... http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

[hargon 64]

O ideal seria usar o javascript que o flash gerou.

 

Mas tenta da forma abaixo e veja qual lhe atende:

<div id="player">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="300" height="300" id="tutorial" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="tutorial.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#FFF" />
</object>
</div>

<div id="player">
<embed src="tutorial.swf" quality="high" bgcolor="#ffffff" width="300" height="300" name="tutorial" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</div>

[Thiago Retondar 18]

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Inserindo Flash Corretamente no XHTML

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Lucas Guima 164]

Obrigado, consegui! :D

[hargon 64]

Muito bom. Mas qual solução utilizou?

[Lucas Guima 164]

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Inserindo Flash Corretamente no XHTML

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[hargon 64]

Muito bom. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif