Comment créer une animation Flash avec un arrière-plan transparent

Question

Cette page d'Adobe indique d'ajouter un paramètre "wmode" et de définir sa valeur sur "transparent" : http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_1420

Cela fonctionne parfaitement dans IE.L'arrière-plan s'affiche correctement dans Firefox et Safari, cependant dès que vous utilisez la barre de défilement du navigateur puis passez la souris sur le contrôle Flash, vous devez cliquer une fois pour activer le contrôle.Vous pouvez voir ce comportement si vous essayez d'appuyer sur le bouton de lecture dans l'exemple d'Adobe.

Quelqu'un connaît-il un moyen de contourner ce problème ?

Answer 1

Savez-vous que vous pouvez définir la couleur d'arrière-plan lors de l'intégration ?

Les attributs suivants sont facultatifs lors de la définition de l'objet et/ou des balises intégrées.Pour object , tous les attributs sont définis dans les balises param, sauf indication contraire :

couleurbg -[valeur RVB hexadécimale] au format #RRGGBB .Spécifie la couleur d'arrière-plan du film.Utilisez cet attribut pour remplacer le paramètre de couleur d'arrière-plan spécifié dans le fichier Flash.Cet attribut n'affecte pas la couleur d'arrière-plan de la page HTML.

Couper et coller à partir de http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701&sliceId=1

Answer 2

D'un autre côté;définir le wmode sur transparent présente quelques problèmes.Par exemple, cela peut interrompre le défilement (le flash reste au même endroit sans tenir compte du défilement) dans certaines anciennes versions de Firefox (pré 2.0).J'ai également eu des problèmes avec les combinaisons de touches ALT dans les champs de texte qui ne fonctionnaient pas lorsque wmode était transparent.

De plus, si vous devez placer le contenu HTML au-dessus du contenu Flash (ce n'est généralement pas une bonne idée, mais il y a des cas où c'est utile), wmode=transparent est la voie à suivre.

Answer 3

L'activation du mode sans fenêtre (wmode=) permet au flash intégré d'agir et de s'afficher comme les autres éléments.Sans cela, il est rendu lors d'une étape distincte et simplement superposé sur la fenêtre du navigateur.

L'élément flash pourrait-il perdre la mise au point ?On dirait que le focus d'entrée est déplacé vers la barre de défilement, vous devez ensuite le reculer.

De plus, vous ne saviez pas clairement si le problème de focus concernait uniquement FF ou également IE.

Answer 4

L'exemple Adobe "fonctionne" dans Firefox 3.0.1 dans le sens où l'arrière-plan est transparent.Cependant, dans Firefox 3.0.1 et Safari 3.1.2, vous devez cliquer deux fois sur le bouton de lecture pour voir l'animation.

Answer 5

Après avoir passé un peu plus de temps là-dessus, je suis d'accord avec @grapefrukt.Définir wmode sur transparent entraîne toutes sortes de problèmes étranges et, à mon avis, cela devrait être évité.

Au lieu de cela, j'ai eu recours à la couleur d'arrière-plan comme paramètre.J'utilise le code ActionScript suivant pour dessiner l'arrière-plan.

var parameters:Object = LoaderInfo(this.root.loaderInfo).parameters;
opaqueBackground = parameters["background-color"];

MODIFIER:Merci à @grapefrukt de m'avoir rappelé le paramètre bgcolor (ce qui rend l'ActionScript ci-dessus totalement inutile)