2009-12-01 16 views
0

J'essaie d'intégrer un film Flash (.flv) dans une page Web avec un arrière-plan transparent.Intégrer Flash Transparent FLV

Exigences: - Flv fonctionne en mode transparent - Je dois pouvoir voir le contenu html ci-dessous. - ne connaissent pas de contrôle vidéo ou des superpositions, vous ne devriez pas c'est un flv - - Film n'a pas la lecture automatique - film est contenu dans un div et positionend absolument en utilisant CSS sur la charge du film est caché - En utilisant jQuery, je clique un lien d'image pour afficher et lire la vidéo, cliquez dessus pour arrêter et masquer la vidéo - et vice versa

J'ai essayé d'utiliser Longtail Video Player avec les contrôles swfobject.js et javascript mais pas de joie. La vidéo n'est pas transparente et contrôle avec un clic pour lire la fonctionnalité fixe. Suis-je trop compliquer ce qui semble être une tâche assez simple.

Je suis heureux d'explorer toute mise en œuvre.

Les paramètres Adobe Flash Embed ont été correctement définis et wmode = transparent.

Toute aide serait grandement appréciée.

Vive Paul

+0

Pouvez-vous poster une partie du code d'intégration HTML ou du code de configuration de swfobject? De plus, vous n'avez pas un bg fixé au div div avec css, n'est-ce pas? Peut-être juste un problème avec le lecteur vidéo que vous utilisez. De nombreux composants de lecteur vidéo ont leurs propres contrôles et un arrière-plan par défaut, aussi. –

Répondre

2

Cela vous obtenir un revêtement transparent en flash. C'est un assez bon jeu de code.

http://code.google.com/p/swfobject/

swfobject Exemples

L'exemple donné ci-dessus est ce que vous avez besoin pour l'utilisation bare os de SWFObject, mais si vous voulez utiliser certains des autres paramètres du plug-in Flash doit offre? SWFObject rend très facile l'ajout de tout paramètre supplémentaire dont vous pourriez avoir besoin. Les exemples ci-dessous sont un certain nombre de méthodes différentes que vous pouvez utiliser pour intégrer votre contenu Flash.

Un exemple simple ajout de quelques paramètres supplémentaires

<script type="text/javascript"> 
var so = new SWFObject("movie.swf", "mymovie", "200", "100%", "7", "#336699"); 
so.addParam("quality", "low"); 
so.addParam("wmode", "transparent"); 
so.addParam("salign", "t"); 
so.write("flashcontent"); 
</script> 
<div id="flashcontent"><!--put a place holder image in here.--></div> 

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

EDIT: MERCI À irréalité: Il y a eu une mise à jour dans la bibliothèque de code que vous pouvez y accéder ici: http://www.code.google.com/p/swfobject

+1

votre exemple fourni swfobject 1.5 utilisé, qui sera différent de swfobject 2+ le plus à jour de http://code.google.com/p/swfobject/. Bon outil et bonne réponse tho :) – Unreality

+0

Merci pour la mise à jour je ne l'ai pas utilisé depuis un moment. Je serai sûr de vérifier le lien mis à jour si;) – Kieran