You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Where do you enter code for customizing?? Created Jan 26, 2009

This thread is solved

Views: 2632     Replies: 4     Last reply Jan 28, 2009  
You must login first before you can use this feature

omar

Posts: 11

Registered:
Jan 26, 2009

Where do you enter code for customizing??

Posted: Jan 26, 2009

Ok I must not get it. I have the basic flow player set up below fine. Now I want to start customizing with properties mentioned here:http://flowplayer.org/documentation/configuration.html.

Where do you input those properties?? That simple but critical aspect to folks like me must've totally slipped the authors...

<script src="../flowplayer/flowplayer-3.0.3.min.js"></script>


<a href="URL HERE" style="display:block;width:475px;height:268px" id="player"></a> 

Whenever I add properties to the third argument the player no longer loads.
<!-- this will install flowplayer inside previous A- tag. -->
<script>
flowplayer("player", "../flowplayer/flowplayer-3.0.3.swf");

hiflyer

Posts: 3

Registered:
Jan 26, 2009

» Where do you enter code for customizing??

Posted: Jan 26, 2009

Reply to: Where do you enter code for customizing??, from omar
I had the same "obvious" question. Found the answer at:http://flowplayer.org/documentation/configuration.html#events

"Configuration is given as third argument to flowplayer() function."

So you want to put your arguments after "../flowplayer/flowplayer-3.0.3.swf"

Your simple one line flowplayer could turn into a whole page of code.

Here's mine with the autoPlay off:


flowplayer("player", "/Media/videos/flowplayer-3.0.3.swf", { 
			clip: {  
    				url: '/Media/videos/Three.flv',   
    				autoPlay: false, 
					}
			}
	 );

omar

Posts: 11

Registered:
Jan 26, 2009

» » Where do you enter code for customizing??

Posted: Jan 26, 2009

Reply to: » Where do you enter code for customizing??, from hiflyer
Doesnt the URL go in the A tag? What happens to the A tag when you add the Clip property?

Also where & how do you enter further properties such as plugin etc. Are they entered as a 4th argument or below previous properties. Can you show me an example with 2 different properties attached.

hiflyer

Posts: 3

Registered:
Jan 26, 2009

» » » Where do you enter code for customizing??

Posted: Jan 26, 2009

Reply to: » » Where do you enter code for customizing??, from omar
You're starting to get past me with only a few minutes' experience with this and no javascript knowledge, but:

I have the url in the a tag and the flowplayer argument. I believe (somebody correct me 'cause I'm just guessing) the url after the clip: is to define that "clip" and its subsequent properties.

You should be able to just add more properties within the clip { }. In my case the first property is the url: definition, the second is autoPlay: you could add another after that like duration: 10 and so on.


flowplayer("player", "/Media/videos/flowplayer-3.0.3.swf", {  
            clip: {   
                    url: '/Media/videos/Three.flv',    
                    autoPlay: false,  
                    duration: 10,
                    } 
            } 
     ); 

Or at least I think that's the way it works. ;-)

Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1867

Registered:
Nov 16, 2007

» » » » Where do you enter code for customizing??

Posted: Jan 28, 2009

Reply to: » » » Where do you enter code for customizing??, from hiflyer
url property overrides the href attribute.