Flow Plugin, Am I Missing somethign?
Oct. 20, 2009Scott Horvath
I just setup the Flow plugin. Unfortunately, I'm missing something b/c it's not quite working for me. Does my "file" flashvar need to point to a playlist? If so, what's the format? Previously I was pointing to a specific video for the file flashvar. However, am I still able to specify a playlist BUT have it load up a specific video file at the same time?
Thanks
Oct. 20, 2009spine
Just skipped through the examples and found:
<code>
so.addParam('flashvars',
'&file=/upload/flash.flv&plugins=flow-1&flow.position=bottom&flow.showtext=false');
so.write('mediaspace');
</code>
So I guess(!) you don't have to use a playlist. But... flow isn't for me working either (you can't click anything, just the first image is shown,...).
Oct. 20, 2009hobbs
Seems to need Flash10.
http://willswonders.myip.org:8074/Simple_Flow.html
Oct. 21, 2009Fbarga
Hello HOBBS I tried reaching your URL, but it is not possible.
What do you have there a sample of this flow plugin ?
Oct. 21, 2009Scott Horvath
@spine: Exactly. Same thing is happening to me. I get the image that I have set for the initial load...that's it. There's no flow.
Oct. 21, 2009Fbarga
Hi,
I was able to make it work. I wrote to the contact here at Longtailvideo. Very helpful people !!!
...here what it looks like... www.vivaukraina.com
Here some hints to make the plugin work.
1) load to your server the PLAYER-VIRAL.SWF, SWFOBJECT.JS, YT.SWF, your PLAYLIST.XML (see below for a sample)
2) in your code replace all the URL in the script with the one of your site. ( in the sample i will post further below see "www.vivaukraina.com" which is where I loaded my files )
3) place the
<script type="text/javascript" src="http://www.vivaukraina.com/swfobject.js"></script>
in the <head> section of your web page
4) place the script code in the place of your web page where you want to display the video.
here the script that worked for me :
<div id='mediaspace'>This div will be replaced</div>
<div id="mediaspace"> </div>
<script type="text/javascript">var so = new SWFObject('http://www.vivaukraina.com/player-viral.swf','mpl','440','420','9')
;so.addParam('allowscriptaccess','always')
;so.addParam('allowfullscreen','true')
;so.addParam('flashvars','file=http://www.vivaukraina.com/playlist.xml&plugins=flow-1&flow.position=bottom&flow.showtext=false')
;so.write('mediaspace');</script>
FYI, on the server I have 8 FLV videos in a folder called ROMAN, 8 jpg files called r01.jpg ...r08.jpg in the folder IMAGES (this are the images you will see floating in the lower part of the video Box) I created them by displaying the 8 flv video in explorer as thumbsnail, so that I could cut the images showed ( with SNAGIT screen capture pgm) and create a jpg file
Longtailvideo Support helped me with the playlist.xml , which I post here below :
<?xml version='1.0' encoding='UTF-8'?>
<playlist version='1' xmlns='http://xspf.org/ns/0/'>
<trackList>
<track>
<creator>Video One</creator>
<title>Video One</title>
<location>http://www.vivaukraina.com/Roman/MOV05267.flv</location>
<image>http://www.vivaukraina.com/images/r01.jpg</image>
<annotation>Roman playing in Vienna.</annotation>
</track>
<track>
<creator>Video Two</creator>
<title>Video Two</title>
<location>http://www.vivaukraina.com/Roman/MOV05268.flv</location>
<image>http://www.vivaukraina.com/images/r02.jpg</image>
<annotation>Roman playing in Vienna.</annotation>
</track>
<track>
<creator>Video Three</creator>
<title>Video Three</title>
<location>http://www.vivaukraina.com/Roman/MOV05269.flv</location>
<image>http://www.vivaukraina.com/images/r03.jpg</image>
<annotation>Roman playing in Vienna.</annotation>
</track>
<track>
<creator>Video Four</creator>
<title>Video Four</title>
<location>http://www.vivaukraina.com/Roman/MOV05270.flv</location>
<image>http://www.vivaukraina.com/images/r04.jpg</image>
<annotation>Roman playing in Vienna.</annotation>
</track>
<track>
<creator>Video Four</creator>
<title>Video Four</title>
<location>http://www.vivaukraina.com/Roman/MOV05271.flv</location>
<image>http://www.vivaukraina.com/images/r05.jpg</image>
<annotation>Roman playing in Vienna.</annotation>
</track>
<track>
<creator>Video Four</creator>
<title>Video Four</title>
<location>http://www.vivaukraina.com/Roman/MOV05272.flv</location>
<image>http://www.vivaukraina.com/images/r06.jpg</image>
<annotation>Roman playing in Vienna.</annotation>
</track>
<track>
<creator>Video Four</creator>
<title>Video Four</title>
<location>http://www.vivaukraina.com/Roman/MOV05273.flv</location>
<image>http://www.vivaukraina.com/images/r07.jpg</image>
<annotation>Roman playing in Vienna.</annotation>
</track>
<track>
<creator>Video Four</creator>
<title>Video Four</title>
<location>http://www.vivaukraina.com/Roman/MOV05274.flv</location>
<image>http://www.vivaukraina.com/images/r08.jpg</image>
<annotation>Roman playing in Vienna.</annotation>
</track>
</trackList>
</playlist>
-----------------------------------------------------
I think all this should help you make it work....
of course you need to replace the url to reflect your server and all other files you are going to use, like .flv videos, or jpg files...
THANKS again to Longtailvideo support !!!
Oct. 22, 2009wessite
Hi guys,
The plugin is using the latest 3D effects which were introduced in Flash Player 10 so it won't work in a browser with Flash Player 9 or less.
2 minimum requirements:
- the client must have Flash Player 10 installed in the browser.
- the plugin must be loaded in a JW player 4.6 or higher
Of course if you're going to use the flow plugin for one video/image/music file with one preview image there will not be a lot of flow action because there is nowhere to animate to.
I hope it works out!
greets,
wes
Oct. 22, 2009Fbarga
Hi Wes,
can you check this site and tell me if this is the 3D effect that you mentioned ?
www.vivaukraina.com
I think I recall seeing a 3D effect that whenever the mouse was going over the jpg on the playlist, these would float.
In the web site above instead you need to click on the different jpg in order to move them.
Is this an effect created by Flash Player or by the plugin ?
Thanks
Fabio
Oct. 22, 2009wessite
Hi Fabio,
To keep the answer simple, that effect is created by the "Flow Plugin".
With "flash player", I mean the software you install in the browser by going here: http://get.adobe.com/flashplayer/
More examples here: http://wessite.com/labs/flowplugin
in case you haven't seen them yet.
Kind regards,
wes
Oct. 22, 2009Fbarga
Hi guys,
in my previous post I forgot to add to the list of things to load up to the server ( point 1 ) also the CROSSDOMAIN.XML
which I include here below...
Hope it works for you as well...
regards,
Fabio
--------crossdomain.xml ---------------
<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<allow-access-from domain="*" />
</cross-domain-policy>
Oct. 23, 2009Micke
I am getting the flow plugin to work visually, but nothing happens when you doublecklick an item. My playlist looks pretty much the same as the example above, so what am I missing!?
It would also be nice if you could autostart an item and then show this flow plugin when the movie has completed. Is this possible?
I also discovered that if I set the coverheight flashvar to anything bigger than 149 pixels, the images actually gets smaller!
Oct. 23, 2009wessite
Hi Micke,
Do you have a link to your example?
There is no double click functionality build in the plugin, if you click the center cover once the media should start playing if it is not playing already, otherwise it will pause the media.
It's not possible yet to hide the plugin onStart or onComplete for example but this feature will be added in next release for sure.
Make sure you also take "coverwidth" in consideration when scaling the cover, the default value is set to 150.
also coverheight and coverwidth are maximum values, it's not possible to distort the images to a fixed size.
Greets,
wes
Oct. 23, 2009hobbs
I found it's kind of tricky to adjust the player height, flow.size, and flow.coverheight so you don't cutoff the description.
In particular, there is a large gap between the controlbar and the top of the center image, that I'd like to close up, when using flow.position=bottom.
Then again, maybe I haven't gotten my head fully wrapped around what the heights/size do.
Search the Forums
Forum Categories
Support
Here are some helpful links to learn more about the JW Player™:
- Setup Wizard writes player code for you.
- Embedding Flash Tutorial shows how to embed the JW Player™ in your site.
- Forum provides access to over two million JW Player™ users.
- Developers Center (Wiki) explains everything from flashvars to skinning.
- Do you need custom Flash work? Email us.
Monetize Your Video
Earn money with ads from LongTail's AdSolution. Watch our demos and sign up now!
Why Buy a License?
If you don’t buy a commercial license, you cannot use a JW Player™ on (i) a site that has ads; (ii) a corporate site; or a (iii) CMS. Our licenses are very inexpensive, so what are you waiting for? Buy a license today.
