ansaurus

Question

Why won't my playlist work?

Answer 1

A:

$f("player", "/_library/script/flowplayer/flowplayer-3.2.3.swf").playlist("gallery");

maybe?

.playlist() is not a function of $(function () {})

Sirber 2010-08-25 17:26:03

yep, Justin pointed that out, too. Fixed it, the JavaScript error went away, but still no Playlist functionality.

Val 2010-08-25 18:15:20

Answer 2

A:

$(function () {})

Is how you register an event handler for the load event. Because of this,The code within it is not executed until the load event is fired by the browser and it is possible that the plugin is not available yet.

Also, you are not following the tutorials closely. The code the have is like this

$(function() {
    // setup player without "internal" playlists
    $f("player2", "http://releases.flowplayer.org/swf/flowplayer-3.2.3.swf", {
        clip: {baseUrl: 'http://blip.tv/file/get'} 
    // use playlist plugin. again loop is true
    }).playlist("div.petrol", {loop:true});
});

Note that .playlist is called on the return of $f(), not on $(function(){...}).

Justin Johnson 2010-08-25 17:35:14

I thought the same and tried that; just tried again with $(function () { $f("player", "/_library/script/flowplayer/flowplayer-3.2.3.swf").playlist("gallery"); }); -- now, I don't get JavaScript error complaining that 'playlist is not a function', but I don't get the playlist functionality either -- clicking the playlist links loads the MP4 directly into the window instead of into the Player. As for the plugin being available, I thought the script calls were synchronous, and we wouldn't get to my code until the referenced scripts in the HEAD were loaded?

Val 2010-08-25 17:54:18

I fixed the question to move the .playlist() call to chain off the $f() call, and removed the references to JavaScript errors. Still not getting any playlist functionality.

Val 2010-08-25 20:28:59

Answer 3

A:

OK, fixed.

Many of the examples use a class on the playlist container. In examples using a class, the playlist function is passed a CSS selector -- usually something like playlist("div.gallery")

I changed my markup to use a class, changed the param to playlist() to a fully-qualified CSS selector, and it works!!!

Now, I don't want to use a class-- I have a single playlist element, so I want to use an ID. I changed the markup back to an ID:

<div id="gallery">
    <a href="video1">video1</a>
    <a href="video2">video2</a>
</div>

and changed the caller to use a CSS selector for IDs:

playlist("div#gallery");

And that works too!

Finally, I wondered if I needed to specify the element that has the playlist ID, and I don't -- I can give it just a CSS ID selector:

playlist("#gallery");

I think my problem was that with the main flowplayer script, you can address the placeholder element without the . or # qualifier, like $f("player"); instead of $f("#player");. But the Playlist plugin is more picky, and you have to use the qualifier.

All that pain for a single character!

Val 2010-08-25 23:30:30

ansaurus

tags:

views:

answers:

Why won't my playlist work?

related questions