Oficina da Net » SEO » XHTML

SWFObject

Novo aqui no site? Talvez gostaria de assinar o
RSS feed do site?

Publicado em: 29/10/2008
Área: XHTML
Visualizações: 635
Comentário(s): 0

imprimir envie por e-mail compartilhe
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:

<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.

veja mais
• Redirecionamento em JavaScript
• Validação de Formulário em Javascript
• Validando formulário de E-mail com PHP
• Versões do JavaScript
• Desenvolvimento em Camadas
• Tags em HTML
• Curso de HTML - Aula 1
• Introdução a JavaScript
Clique aqui para comentar comentários
Preencha o formulário para comentar:
Nome:*

E-mail:* (não será exibido)

Site: (http://)

Comentário:*

Deseja receber os comentários no e-mail?

Anti-spam: (nova imagem)





Seja o primeiro a comentar!

Autor da matéria
Nícolas Müller
» site do 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 .

Todas as matérias de Nícolas Müller

Publicidade
Seguir o Oficina da Net
RSS

RSS

RSS
Top matérias do mês
Matérias relacionadas
Destaque
Tags
» javascript
» html
» xhtml
» swfobject

© 2005 - 2009 - Oficina da Net - v 4.0 - É proibida a reprodução parcial ou completa do conteúdo deste site sem autorização por escrito. Resolução adequada: 1024x768px.

Parceiros: Bahia em Foco  |  Blog do Vicente  |  BuscaKi  |  Chongas  |  ClicRN  |  Código Fonte  |  Coletânea de ícones  |  Comunicação Digital  |  Concurso Público  |  Concursos  |  Criação de sites  |  CriarWeb  |  Downloads  |  Fontes Grátis  |  GMasters  |  Hospedagem  |  Hospedagem de sites  |  Ícones  |  Infonet News  |  iParaiba  |  JLAMIM  |  MX masters  |  Notebook  |  Portal Super  |  Profissionais de Web  |  Qualidade Brasil  |  Renan Lima  |  SEO Master  |  Sonhos  |  tutoriais.org  |  WebLivre  |  Zoom Digital