SWFObject
Canal: XHTML | Autor: Nícolas Müller | Publicado em: 29/10/2008 | Views: 4.671Usar o SWFObject é muito simples e fácil de ser instalado. Com um pouco de conhecimento em Javascript e HTML você consegue fazer a instalação desta api. O download do SWFObject pode ser feito pelo Google Code.
A partir de um tempo para cá o Internet explorer como alguns outros browsers estão limitando a visualização dos flashes com o uso da tag <embed> e <object> do HTML, portanto com o SWFObject o flash funcionará perfeitamente em seu site, pois ele é escrito em Javascript. Pois bem, vamos ao código básico do SWFObject:
Explicação:
A primeira linha é a inclusão do arquivo .js do swfobject. Sem esta linha nada funcionará, pois ela será chamada pela pela função abaixo. O caminho você pode determinar conforme suas pastas em seu servidor, contato que tenha certeza que ele será invocado.
A div com id="flashcontent", é onde o flash será apresentado em seu site. Lembrando que se você for expor mais de um flash, é obvio que você terá que atribuir um ID para cada flash.
A terceira parte é a instanciação do objeto, nela você fará o carregamento do seu flash na extensão .swf. Os parâmetros a serem passados são:
Acima são os campos obrigatórios, agora vem os não obrigatórios:
Ainda na terceira parte, o so.write("flashcontent"); define em qual id você pretente mostrar o seu flash. Perceba que o parâmetro utilizado é o mesmo que o id da div.
PLUS:
Uma dica importante: se você quer que outras partes do site fiquem por cima de seu flash, basta adicionar esta linha ao seu código:
Esta linha deve ser inserida antes do so.write, com isto ao ter um "submenu" por exemplo, ele pode aparecer sobre o flash que não ficará sobreposto.
Aguardo suas dicas e dúvidas nos comentários.
Indique-nos pauta de matérias sobre assuntos que você têm dúvidas.
A partir de um tempo para cá o Internet explorer como alguns outros browsers estão limitando a visualização dos flashes com o uso da tag <embed> e <object> do HTML, portanto com o SWFObject o flash funcionará perfeitamente em seu site, pois ele é escrito em Javascript. Pois bem, vamos ao código básico do SWFObject:
<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent">
Este texto será trocado pelo flash
</div>
<script type="text/javascript">
var so = new SWFObject("movie.swf", "mymovie", "400", "200", "8", "#336699");
so.write("flashcontent");
</script>Explicação:
A primeira linha é a inclusão do arquivo .js do swfobject. Sem esta linha nada funcionará, pois ela será chamada pela pela função abaixo. O caminho você pode determinar conforme suas pastas em seu servidor, contato que tenha certeza que ele será invocado.
A div com id="flashcontent", é onde o flash será apresentado em seu site. Lembrando que se você for expor mais de um flash, é obvio que você terá que atribuir um ID para cada flash.
A terceira parte é a instanciação do objeto, nela você fará o carregamento do seu flash na extensão .swf. Os parâmetros a serem passados são:
var so = new SWFObject(swf, id, width, height, version, background-color [, quality, xiRedirectUrl, redirectUrl, detectKey]);- Arquivo .swf
- id = nome do seu flash
- width = altura do flash
- largura = largura do flash
- version = versão do flash (para compatibilidade)
- background-color = cor de fundo do flash, caso tenha transparência
Acima são os campos obrigatórios, agora vem os não obrigatórios:
- quality = qualidade do flash, valor padrão = "high"
- xiRedirectUrl - se você deseja redirecionar seus usuários para a instalação expressa de algum componente.
- redirectUrl - este parâmetro serve para você direcionar seus usuários para um upgrade de um plugin.
- detectKey - se você quer que o swfobject detecte o flash, o valor padrão é true
Ainda na terceira parte, o so.write("flashcontent"); define em qual id você pretente mostrar o seu flash. Perceba que o parâmetro utilizado é o mesmo que o id da div.
PLUS:
Uma dica importante: se você quer que outras partes do site fiquem por cima de seu flash, basta adicionar esta linha ao seu código:
so.addParam("wmode", "transparent");Esta linha deve ser inserida antes do so.write, com isto ao ter um "submenu" por exemplo, ele pode aparecer sobre o flash que não ficará sobreposto.
Aguardo suas dicas e dúvidas nos comentários.
Indique-nos pauta de matérias sobre assuntos que você têm dúvidas.
Esta obra está licenciada sob uma Licença Creative Commons. Você pode copiar, distribuir, exibir, executar, desde que seja dado
crédito ao autor original (Citando nome do autor, data, local e link de onde tirou o texto). Você não pode fazer uso comercial desta obra.
Você não pode criar obras derivadas.
Vote no artigo:
Veja matérias relacionadas com o assunto:
| 12/03/2010 | Validando CPF através de JavaScript |
| 17/02/2010 | Definição de AJAX |
| 28/12/2009 | Exibindo Data e Hora na Página |
| 10/08/2009 | PNG transparente no IE (não é PNGfix) |
| 05/08/2009 | jQuery.noConflict(), evitando conflito com outras biliotecas |
| 03/08/2009 | jQuery e o conflito com outras bilbiotecas |
| 16/07/2009 | A função jQuery ou função $() |
| 11/07/2009 | Exportando tabelas HTML para o Excel com jQuery |
| 10/07/2009 | Mensagem de Carregando… com Ajax e jQuery |
| 15/05/2009 | Alternar entre campos de formulário com a tecla ENTER |









http://blog.deconcept.com/swfobject/