SWFObject
Usar 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.
Publicado em: 29 de outubro de 2008 | Leituras: 6.994 |
Canal: XHTML |
Autor: Nícolas Müller
Usar 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.
Resposta em até 24 horas! (grátis)Dúvidas?
Autor da matéria
Últimas matérias escritas pelo autor:
|
Nícolas Müller Sou um profissional da área de internet, trabalho como programador, designer e desenvolvedor de sites, faz cerca de 8 anos que estou atuando na área, sendo 5 anos profissionalmente. |
Últimas matérias escritas pelo autor:
25/08 - Vídeo aula photoshop: Redução automati...
23/08 - LED TV o que é?
16/08 - Motorola Flipout - Review
12/08 - O que é uma Intranet e pra que serve?
11/08 - 6 passos para instalar o Flash no iPho...
10/08 - Entrevista sobre Design Gráfico com Mi...
03/08 - Faça Jailbreak no iPhone sem dificulda...
26/07 - FISL 11 - Cobertura do evento
09/06 - jQuery Lazy Load: Carregamento de imag...
07/06 - Google MayDay Update o que influencia ...
07/06 - Como fazer um fluxograma?
02/06 - Dicas para melhorar a produtividade
31/05 - Como converter vídeos para FLV
29/05 - Quais as áreas de atuação em informáti...
23/08 - LED TV o que é?
16/08 - Motorola Flipout - Review
12/08 - O que é uma Intranet e pra que serve?
11/08 - 6 passos para instalar o Flash no iPho...
10/08 - Entrevista sobre Design Gráfico com Mi...
03/08 - Faça Jailbreak no iPhone sem dificulda...
26/07 - FISL 11 - Cobertura do evento
09/06 - jQuery Lazy Load: Carregamento de imag...
07/06 - Google MayDay Update o que influencia ...
07/06 - Como fazer um fluxograma?
02/06 - Dicas para melhorar a produtividade
31/05 - Como converter vídeos para FLV
29/05 - Quais as áreas de atuação em informáti...
Matérias relacionadas
Últimas matérias
Últimas notícias







Desenvolvimento em Camadas
O que você procura para sua vida profissional?
O planejamento agrega valor
E-mail marketing em 140 caracteres
Novos iPods, novo iOS, novo iTunes e nova Apple TV
Conheça as 100 primeiras cidades atendidas pelo Banda Larga ...
Linus Torvalds diz que mercado já se rendeu ao Linux