2010-11-10 3 views
1

J'ai demandé à Google pendant un moment d'obtenir une réponse à cette question.Curseur jQuery, Autoplay SWF lorsqu'il est glissé à

Je veux construire un curseur avec JavaScript qui a des images et mes propres films SWF. Le problème est que je veux que ce curseur glisse automatiquement et quand il frappe un film SWF je devrais jouer ce automatique et quand la fin du film continue avec la diapositive. Et bien sûr, je le veux en boucle.

J'ai besoin d'un doigt dans la bonne direction pour trouver des exemples et de l'aide.

Cordialement Erik

+0

Je veux juste ajouter, je ne veux pas d'intégrer des clips youtube ou quoi que ce soit de ce genre. Mes propres animations SWF créées. –

Répondre

1

Je recommanderais d'utiliser le plugin SWFObject (http://code.google.com/p/swfobject/) et JW Player (http://www.longtailvideo.com/players/ jw-flv-player /). Si c'est juste un film, FLV pourrait être un meilleur format.

Sur l'événement que votre page devrait charger, vous devez faire une demande $ .ajax pour obtenir les flashvars pour le fichier approprié. Dans vos flashvars, vous devez créer la div pour ajouter votre lecteur vidéo, et assurez-vous que 'autostart' est défini sur true.

$.ajax({ 
     url: '/path/to/flashvars.js', 
     dataType: 'script', 
     cache: false 
    }); 

Pour le configurer avec un curseur, essayez de l'intégrer à jCousel. Ça devrait le faire.

+0

J'ai fatigué cela, http://pastebin.com/GdZ4RkjK. Exécution du cycle jQuery Marqué donc une classe est ajoutée à la div autour de l'élément flash. Donc, de cette façon, je peux détecter si cette div est visible, et si c'est vrai, il devrait mettre en pause le cycle et ensuite reprendre après un certain temps. Mais le code dosent fonctionne bien. Ne comprends pas complètement le "setInterval" et "clearInterval" –

+0

pouvez-vous m'envoyer certains des fichiers swf que vous utilisez et/ou le balisage html? un exemple vivant serait également bon. – lukeshumard

+0

Voici l'exampel, ici vous pouvez voir le balisage html. http://brandsonstrategi.se/cedervall/wp/ –