Any Flowplayer experts in the house?

Webmaster Discussion
, , ,
#21

Re: Any Flowplayer experts in the house?

GumDrop helped me with mine also!

he a legend!! R

#22

Re: Any Flowplayer experts in the house?

Gumdrop, I’ve encountered a new problem LOL

It won’t let me have 2 players on a page. Do you know how I can fix that?

And also, is there a way of getting the player to show a frame from the video, rather than just a blank screen, before the user has clicked play?

#23

Re: Any Flowplayer experts in the house?

Your divs need unique IDs

You create a placeholder image and put it in the div that’s being replaced by Flowplayer.

I’m a couple versions behind, but the code is probably pretty similar… Here’s one of my embed codes showing both issues…

<a id="video42841-1964" style="display: block; width: 640px; height: 447px;" href="http://video.studio3x.com/bukkakeboys.com/2010/42841-1964.flv"><img src="http://video.studio3x.com/bukkakeboys.com/2010/42841-1964-640.jpg" alt="Watch Video" width="640" height="447" /></a> 
<script type="text/javascript">// <![CDATA[
 var player = flowplayer("video42841-1964", "/resources/flowplayer.swf");
// ]]></script>
#24

Re: Any Flowplayer experts in the house?

[QUOTE=gaydemon_jr;71903]Gumdrop, I’ve encountered a new problem LOL

It won’t let me have 2 players on a page. Do you know how I can fix that?

And also, is there a way of getting the player to show a frame from the video, rather than just a blank screen, before the user has clicked play?[/QUOTE]

Well you can do this for example:


<a class="player" href="video/video01.flv" style="display:block; width:400px; height:300px">
<a class="player" href="video/video02.flv" style="display:block; width:400px; height:300px">

<script language="javascript">
       flowplayer("a.player", "swf/flowplayer-3.swf");
</script>

and setup this for example CSS:


<style>
.player {
    display: block;
    width: 400px;
    height: 300px;
    float: left;
    margin-left: 10px;
}
</style>

Splash image can be used as a preview of video content. Like this:


<a href="video/video01.flv"  style="display:block;width:400px;height:300px" id="player">
   <img src="images/splash_01.jpg" alt="My Video Clip">
</a>

<script language="javascript">
      flowplayer("player", "swf/flowplayer-3.swf");
</script>

Of course these are all examples. You have to adjust accordingly.
So what you are doing is setting up containers for video clip(s).

#25

Re: Any Flowplayer experts in the house?

BTW here’s a good tutorial on it:
http://flowplayer.org/demos/installation/multiple-players.html

The things you can do with this player are amazing.

#26

Re: Any Flowplayer experts in the house?

Thanks for your help again!

I’ve changed it, but both players for the two most recent posts play the same video :confused:

http://www.maleblue.com (the two most recent posts)

I’m confused because I have copied the code almost word for word.

#27

Re: Any Flowplayer experts in the house?

That’s because you are still pointing to the clip url in the script’s directive. Remove the url…and do like so:


<script language="JavaScript">
flowplayer("a.player", "http://builds.flowplayer.netdna-cdn.com/36781/8623/flowplayer-3.2.2-0.swf",{
clip: {

autoPlay:false

}

});
</script>

Also be sure to define the player class in you style sheet.

If you add the splash pages or images then you don’t have to define autoPlay:false. But have a look at the tutorial page above.

#28

Re: Any Flowplayer experts in the house?

Brilliant, thanks. That worked. Thanks again.

I’ll definitely read through that tutorial. I’m not great at reading though. I’m more of a watch and learn person haha.