How to use "Flow-2" plugin in my html script?

Here is how to use plugins - http://www.longtailvideo.com/support/addons/10629/using-jw-player-plugins

For Flow specifically, go to - http://www.longtailvideo.com/addons/plugins/121/Flow and click Setup Instructions

I did try both these links and not very helpful actually.
Do I need to have the "playlist.xml" file before I can see results?

Yes, you need to use a playlist...

Ethan:

i just bought a license for jw 5.8 with flow 2.

I've got this script on an html page:
<script type='text/javascript' src='/mediaPlayer/jwplayer.js'></script>
<div id='mediaspace'>This text will be replaced</div>

<script type='text/javascript'>
jwplayer('mediaspace').setup({
'flashplayer': 'mediaPlayer/player.swf',
'width': '680',
'height': '585',
'playlistfile': 'videos/playlist_history.xml',
'logo.file': 'videos/logo.png',
'logo.link': 'http://tc2.ca',
'logo.linktarget': ' _blank',
'logo.position': 'bottom-left',
'logo.hide': 'false',
'logo.timeout': '10',
'controlbar': 'bottom',
'stretching': 'exactfit',
'plugins': {
'flow-2': {
'position': 'bottom',
'showtext': 'true',
'flow.coverwidth': '150',
'coverheight': '85',
'flow.size': '50'
}
}
});
</script>

the videos all sit inside /videos/
the thumbnails all sit inside /videos/
the playlist also sits inside /videos/
the player and js files are in /medisPlayer/

before adding the flow plugin, the player shows but plays the wrong file. LET ME STOP YOU HERE. here's my playlist:

<?xml version="1.0" encoding="utf-8" ?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>TC2 VIDEOS</title>
<tracklist>
<track>
<title>CONTINUITY AND CHANGE</title>
<creator>The Critical Thinking Consortium</creator>
<annotation>one line description</annotation> <location>Continuity and Change.mp4</location>
<image>continuityChange.jpg</image>
</track>

<track>
<title>EVIDENCE AND INTERPRETATION</title>
<creator>The Critical Thinking Consortium</creator>
<annotation>one line description</annotation>
<location>Evidence and Interpretation.mp4</location>
<image>evidenceInterpretation.jpg</image>
</track>

<track>
<title>HISTORICAL PERSPECTIVE</title>
<creator>The Critical Thinking Consortium</creator>
<annotation>one line description</annotation>
<location>Historical Perspective.mp4</location>
<image>historicalPerspective.jpg</image>
</track>

</tracklist>
</playlist>

the minute i introduce flow-2, the player disappears and i get a questions mark inside a circle.

the url to the page in questions is: http://tc2.ca/tc2-videos.html

something tells me it's something really stupid, but i can't figure it out.

one more questions, how do i make this work for iPhone? i know you'll say use html5, but i've never used it yet. hints... ;)

This works for me?

This should already work on iOS / HTML5 because you are using H.264 mp4 files and you are already using the embedder.

ethan, thanks. i guess i just needed to clear cache. i did say it would be stupidly simple, right? ;)

:-) It is always the little things. Np!

Ethan:

sorry, but had questions on customizing flow. i've set width / height of thumbnails, but i need to get rid of the fish eye and i would like the reflection. i do like the thumbnails in the center as they are currently positoned.

i've tried a few things but i don't like the effect. i just want a clean simple design.

can you make any suggestions?

You can do this through the additional flashvars of Flow.

They are all listed here - http://www.longtailvideo.com/addons/plugins/121/get-plugin.php?addon=121&vid=305

I am using 5.9 and flow-2. Works fine in FF but can't seem to get it to work in iOS, just getting a black box where the player should be. Site is www.newscastus.com/Video_and_Audio2.php.

Code:

I know it will work on iOS, but I'm missing something obvious.

Thanks in advance I know it one of those stupid things that I'm just not seeing.

Does the same issue happen if Flow-2 is removed?

Yes, I still get a black box but the white play arrow now appears. Nothing plays. I have the 5.9 player without any plugins on the home page and that works fine on the ipad. So i'm now guessing it how I have 5.9 setup in this instance.

I would make sure to model your playlist from - http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/assets/mrss.xml

We use it here, which works in html5 mode - http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/xmlplaylists.html

Still not having any luck. When I change the play list to the style above it doesn't work in any browser. I have changed to the code to what you have on you example page. Yours works fine on my ipad, my page does not, still just a black box. Works fine in FF.

New clues. On the iPad I get the follwing error Javascript: Log on Line 1
http://www.newscastus.som/JWPlayer/JW_5_9/player.js
There was an error while handling a listener: TypeError 'undefined' is not an object.

I do not get this error from your page, www.longtialvideo.com/addons/plugins/121/Flow

Typos in url www.newscastus.com/JWPlayer/JW_5_9/jwplayer.js

Can you show me the url that is generating that error? (not the js, the page with the player embedded).

www.newscastus.com/Video2.php

Two issues here:

404 - http://www.newscastus.com/VideoPage/Thumbs/MissionServe.JPG

404 - http://www.newscastus.com/JWPlayer/jwplayer.js

Can you fix those ?

Sorry, the correct paths have been put back in the code.

http://www.newscastus.com/VideoPage/Playlist.xml is an XSFP playlist.

You need to use an mRSS playlist for HTML5 support.

Template - http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/assets/mrss.xml

Thank You

Np