jQuery + Flowplayer：flowplayer无法访问元素

Question

I want to insert a Flowplayer into a div created entirely with JQuery (using .append() ).

When execution gets to this point:

$div.attr('id', 'flowplayer');
flowplayer('flowplayer', 'flowplayer/flowplayer-3.2.7.swf');

UPDATE: No more exception , the player just doesn't appear. No errors appear on my console.

What am I missing?

(What's posted above is not my actual code, and I may have the wrong idea of what's relevant and what's not, so if you need to see more code, please ask)

Answer 1

If "$div" is your jQuery object have you tried:

flowplayer($div.get(0), 'flowplayer/flowplayer-3.2.7.swf');

There is a method which take a DOM element in the documentation Flowplayer documentation

Answer 2

I think you should use .live() :

.live() - Attach an event handler for all elements which match the current selector, now and in the future. http://api.jquery.com/live/

Answer 3

Same problem I faced today..found solution for this.

The reason was that the script was loaded in the header apparently. By default the Javascript placement in SWF Tools' Embedding settings (admin/settings/swftools/embed) is set to "Body".

I switched this to "Header" - something I shouldn't have done. After searching all the way around I eventually find out that this was the culprit for the behaviour described above. I switched it back to "Body", which solved the problem.

Enjoy..

Answer 4

Not sure whether the API has changed or something like that but, we used to just have the elements as elements, without the use of a div. Simply adding the div worked for us.