Order Now AdSolution Sign Up | Login » Bits on the Run Sign Up | Login »

Forums

/

Need help setting up an flvplayer w/ight side list

6 replies [Last post]

I am new to the world of flv players so my mistakes may be glaring to the most of you. I have embedded several flv players all over my website but have an area where using the right side list makes most sense. The link to the page is

http://www.apollodesign.net/Howtovideos/default.aspx

My code so far is:

<script type="text/javascript" src="/App_Support/JScripts/swfobject.js"></script>

<div id="preview">this will be replaced by the SWF.</div>

<script type="text/javascript">
var s1 = new SWFObject("/App_Support/Common/FlvPlayer.swf","player","640","260","9","#ffffff");
s1.addParam("allowfullscreen","true");
s1.addParam("allowscriptaccess","always");
s1.addParam("wmode","opaque");
s1.addParam("flashvars", "file=/App_Data/Xml/Site/HowToVideoPlaylist.xml&playlist=right&playlistsize=280&streamer=lighttpd&fullscreen=true&backcolor=000000&frontcolor=ffffff");
s1.write("preview");
</script>

my XML so far is:

<?xml version="1.0" encoding="utf-8" ?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<tracklist>
<track>
<title>Installing a scroller gel string</title>
<creator>Apollo Design Technology</creator>
<meta rel="type">flv</meta>
<location>http://www.apollodesign.net/HowToVideos/Collaterals/Video/12_Installing_a_scroller_gel_string.flv</location>
<image>http://www.apollodesign.net/HowToVideos/Collaterals/Images/ChangeGelString.jpg</image>
<annotation>Step by step instructions on replacing the gel string in an Apollo Smart Color scroller. </annotation>
<info>http://www.apollodesign.net/</info>
</track>

<track>
<title>Mounting a light fixture on the Right Arm</title>
<creator>Apollo Design Technology</creator>
<meta rel="type">flv</meta>
<location>http://www.apollodesign.net/HowToVideos/Collaterals/Video/15_Mounting_a_Right_Arm_on_Pipe_Truss.flv</location>
<image>http://www.apollodesign.net/HowToVideos/Collaterals/Images/MountRightArm.jpg</image>
<annotation>Step by step instructions for securely attaching a light fixture to an Apollo Right Arm for maximum results.</annotation>
<info>http://www.apollodesign.net/</info>
</track>
</tracklist>
</playlist>

I have read the forums and tutorials and have made a lot changes above thanks to the help but cannot get this to work any help would be greatly appreciated.

The correct type flashvar value for FLV video is video.

Please review the supported types here: http://code.longtailvideo.com/trac/wiki/FlashVars#Fileproperties

The trackList tag must be spelled with an uppercase "L".

Reference: http://xspf.org/xspf-v1.html#rfc.section.1.1

The creator element won't show up in the playlist in the current players.

The link in the info element is only useful if you set the flashvars displayclick and linktarget to somethng meaningful.

Reference: http://code.longtailvideo.com/trac/wiki/FlashVars#Playback and http://code.longtailvideo.com/trac/wiki/FlashVars#External

OK made the changes that were brought to my attention which thank you very much. Still having some issues.
The page itself is http://www.apollodesign.net/howtovideos/ and it is acting very erratically.

my code for the page:

<asp:Content ContentPlaceHolderID="AdtContentMain" runat="server">
<h3>How To Videos</h3>
<table align="center">
<tr>
<td>
<script type="text/javascript" src="/App_Support/JScripts/swfobject.js"></script>

<div id="preview">this will be replaced by the SWF.</div>

<script type="text/javascript">
var s1 = new SWFObject("/App_Support/Common/FlvPlayer.swf","player","640","260","9","#ffffff");
s1.addParam("allowfullscreen","true");
s1.addParam("allowscriptaccess","always");
s1.addParam("wmode","opaque");
s1.addParam("flashvars", "file=/App_Support/Xml/HowToVideoPlaylist.xml&playlist=right&playlistsize=280&backcolor=000000&frontcolor=ffffff");
s1.write("preview");
</script>

</td>
</tr>
</table>
</asp:Content>

my XML:

<?xml version="1.0" encoding="utf-8" ?>
<playlist version="1" xmlns="http://xspf.org/xspf-v1.html#rfc.section.1.1">
<trackList>
<track>
<title>Installing a scroller gel string</title>
<meta rel="type">video</meta>
<location>http://www.apollodesign.net/HowToVideos/Collaterals/Video/12_Installing_a_scroller_gel_string.flv</location>
<image>http://www.apollodesign.net/HowToVideos/Collaterals/Images/ChangeGelString.jpg</image>
<annotation>Step by step instructions on replacing the gel string in an Apollo Smart Color scroller. </annotation>
</track>
<track>
<title>Mounting a light fixture on the Right Arm</title>
<meta rel="type">video</meta>
<location>http://www.apollodesign.net/HowToVideos/Collaterals/Video/15_Mounting_a_Right_Arm_on_Pipe_Truss.flv</location>
<image>http://www.apollodesign.net/HowToVideos/Collaterals/Images/MountRightArm.jpg</image>
<annotation>Step by step instructions for securely attaching a light fixture to an Apollo Right Arm for maximum results.</annotation>
</track>
</trackList>
</playlist>

any help on this will be greatly appreciated. Thank you.

nevermind i got it to work......thanks for your help earlier though

well I did get it to work. Is there a way to make a custom background that the video would play over the top of? The logo (logo (undefined): location of an external jpg,png or gif image to show in the display) sits on top of the video and I would like the complete opposite where the background may be oversized but the video plays over top of it. Thanks!

Hey Ken, it looks pretty good to me...

The other KK from down the hallway-

May I ask as to what you used to create the FLV video files?

I can't seem to find a program that will convert videos to FLV without synchronized video + audio :(