Can someone explain to me in a very simple form:
How do I create a flv playlist?
Can someone explain to me in a very simple form:
How do I create a flv playlist?
I tried to add it to the "file" section on the setup wizard ( http://www.jeroenwijering.com/?page=wizard&example=21 )
after I saved it as xml file ( http://cid-b8a5dcc9432a84a2.skydrive.live.com/self.aspx/Vid4all/playlist3.xml ) and posted onto the hotmail skydrive but it didn't work
The mediaplayer.swf file and the playlist.xml file have to come from the EXACT same domain because of Adobe Flash Player security restrictions.
http://<strong>cid-b8a5dcc9432a84a2.skydrive.live.com</strong>/self.aspx/Vid4all/playlist3.xml
http://<strong>cid-b8a5dcc9432a84a2.skydrive.live.com</strong>/anypath/mediaplayer.swf
thank you very much
it worked!
can anyone shows me step by step how to create a html page that can play flv video and containing 2 videosin flvplaylist?
Thank you
Please help me.
@kima - please see the two-item playlist in the second posting, top of this page - copy/paste, edit and save as "playlist.xml"
this is code for a simple player/playlist page:
<html>
<head>
<script type="text/javascript" src="swfobject.js"></script>
</head>
<body><div id="container">
<a href="http://www.macromedia.com/go/getflashplayer">Get flash</a> to see this player.
</div>
<script type="text/javascript">
var s1 = new SWFObject("mediaplayer.swf","mediaplayer","300","270","7");
s1.addParam("allowfullscreen","true");
s1.addVariable("width","300");
s1.addVariable("height","270");
s1.addVariable("displayheight","170");
s1.addVariable("file","playlist.xml");
s1.write("container");
</script>
</body>
</html>
you need to upload:
your .html page and the videos...
mediaplayer.swf
swfobject.js
playlist.xml
Should I let my html page empty or I have to copy/paste something inside?
Sorry...i'm a beginner...please help me.
Thank you.
@kima - paste the code of the previous posting into a completely empty page in a plain-text editor (like notepad) and save -
you can also edit a copy of the .html files from the [url=http://www.jeroenwijering.com/?item=JW_FLV_Media_Player]download[/url] instead (have a look at the source and compare)
also read the [url=http://www.jeroenwijering.com/?item=Supported_Flashvars]Supported Flashvars[/url], [url=http://www.jeroenwijering.com/?item=Supported_Playlists]Supported playlists[/url] and [url=http://www.jeroenwijering.com/?item=Embedding_Flash]Embedding Flash[/url] pages and try some experiments with the [url=http://www.jeroenwijering.com/?page=wizard]wizard[/url]
how do i let the playlist display on the right hand side
@flash dummy - you set the displaywidth to a value smaller than width to show the playlist on the right - [url=http://www.jeroenwijering.com/?page=wizard&example=22]example code[/url]
@andersen it worked perfectly another question how do i let my videos stream finished before the video plays so it does not stop all the time
@flash dummy - you can try set the bufferlength to a bigger value - please see the [url=http://www.jeroenwijering.com/?item=Supported_Flashvars]Supported Flashvars[/url] for more details..
i need to create a play list like this:
a video start to play and finish, and after this the next video began, and then the oter an the oter...
but something else, i need to those videos will be played on a random way.
help please
tks
SYLAR
What if you want a live streamer with a playlist of archive streams. We haven't found anything showing us haw to get the playlist to show with the ability to have live streaming
sir please help me my problem is Scroller is not work properly
My page is stating on the screen of my player that:
200: This platlist is not a valid XML file.
So what do I do from here.
Need just a bit of help on this and I am on my way.
Some options are:
1) Load your playlist into a validating XML editor,
2) submit your playlist to one of the on-line XML validators that you just found with a Google search,
3) post a link to your playlist so someone can check it for you,
4) pull out your last remaining hair.
:D
what's up?
could anyone tell me how to make the playlist continuous? (so I don't have to click 'next/skip' when a video is done?)
thanks in advance!
(http://tchago.onvideospace.com/ ->videos)
you need to set the flashvar repeat=always or repeat=list
from - http://code.jeroenwijering.com/trac/wiki/FlashVars
repeat (none): set to list to play the entire playlist once and to always to continously play the song/video/playlist. There's no option to repeat a single entry in a playlist yet.
@andersen
damn, you're fast.
and right!
I hadn't set the 'repeat' flashvar...
man, I love this forum.
thanks, andersen
i need help!!!
Im wanting to setup my home server as a private flv server for a small group of researchers. I record 4 video streams 24/7 and need a way to allow these streams to be replayed or rewinded from remote users. Much like a mini Youtube, but with all the videos stored on my local machine. I already have a website on my local machine and a domain that points to it and works great. Please let me know, I know this is an older post that im replying to but i dont know where else to go. I have googled everything i can think of and cannot get a clue. Thanks
You're screwed...haha
This forum is great. I've learned alot here as a newbie just reading stuff and experimenting.
Here's the $1,000,000 question... using the xml playlist script on the second post, is there a way to get the different files to show up for a visitor to select?
Thanks so much!
Hi
I have downloaded a few FLV files to my hard disk. I have wimpy flv plater and applian flv players on my machine. I wish to create a play list...how do I do that ?
PS : None of the above are uploaded etc... All on my machine's hard disk
Thanks in advance
regards
Subu
Please Can Any one explain to me how to add Avideo list in Blogger
Hi! How can I make the playlist 100% of the mediaplayers height?
I have a player that is 450px wide and 315 heigh. I would like my playlist to be 85px wide and 315 px heigh? But I only have three items in playlist. So I how can I make this work? Any idea?
Thanks
Jessica
@jessica
flashvars: playlist = "over"
i want to make play list use you tube video if you can help me with examle place help me...
place place.......
First time out trying to set up a video player on my website, and I'm stuck.
I have test files playing in the player fine, and I have a playlist that works.
But I cannot get any text to display - Isn't that the text in the playlist? I'm using a C&P of what I find here at the site - it plays the .flv files, but no text is displayed on my web page. I want the description for each separate video to appear and be the button for triggering that video in the player.
Obviously missing something Major here!
rbowser
@rbowser,
If you post a link to your Test Page, someone may be able to help you. We can't guess very well. :S
Thanks, Alf - I was hoping there was something missing in the info on this thread, since the codes posted are the ones I've used.
Here's a test page that has two test .flv files, each a few seconds long. Each plays, and the "next" button does what it should.
My earlier test had the page color at default white, it'll eventually be black like this. In either case, I'm not getting any descriptive text.
I'm hoping a blurb can be written for each of the approximately 10 video segments I'll have available, and those blurbs will control the player to play the corresponding file. That's how it's supposed to work I think/hope?
http://rbowser.tripod.com/dorian-2010/vidtest2.html
rbowser
A playlist display is commonly used for a list of media files.
The playlist display can be beside (right/left), below, or overlaid.
Here's one on the right side of the player:
http://willswonders.myip.org:8074/player5/Simple_AgeGate_v5.html
You can also use the player's JavaScript API to select tracks by clicking on any "clickable" HTML element (image, division, anchor, etc.)
Example:
http://willswonders.myip.org:8074//Simple_AddItem.html
Can be with/without the visible playlist display.
Speedy reply--thanks, Alf! - I'll investigate what you've posted - But I'm not understanding why the XML code for a playlist on this thread isn't displaying its text on my page? The HTML code I'm using is also from this page - That's what I meant when I suggested that there still isn't full info on this thread about how to make a playlist? I'm using everything here - but there's no visible playlist.
I'll look at the samples you posted, check out their source code.
Thanks.
rbowser
--oh my. Well, so far looking at the source codes for these two sites isn't helping me. The second one has made HTML elements "clickable"---? I'm not seeing that in the code.
First site looks fine, - this is just more than I can pick out from looking at the code. All the images and text, I take it, were put in the XML playlist.--
hummm. I'm afraid I don't get it.
There's a one page playlist tute on this site that involves adding css and other elements - couldn't make that work at all. Too much is left unexplained, I didn't understand what to edit.
dang. - ??
rbowser
This:
onclick="player.sendEvent('LOAD', 'playlist_three.xml');"makes an HTML element "clickable".
See these four elements at the bottom of the page source for:
http://willswonders.myip.org:8074//Simple_AddItem.html
<a href="#" onclick="player.sendEvent('LOAD', 'playlist_two.xml'); return false;">Click here to LOAD Playlist Two</a>
<img onclick="player.sendEvent('LOAD', 'playlist_three.xml');" src="image01.jpg" width="80" height="60" alt="Image 01" title="Click here to LOAD Playlist Three" style="cursor:pointer">
<button onclick="player.sendEvent('LOAD', 'playlist_four.xml');">LOAD Playlist Four</button>
<button onclick="player.sendEvent('LOAD', {file:'/Movies/FighterPilot.mp4', type:'video'});">LOAD Fighter Pilot MP4</button>The easiest way to get started is to copy the page source from an example page that is close to what you want. Then tweak things to be what you want. Post here for help if you get stuck.
Thanks again, Alf - I'll go off to my corner for a few days and come back if I get hungry.
--Suggestion--It'd be great if this sort of info about making a playlist was on the site. I've spent most of yesterday and today trying to make this work - haven't seen any info anything like what you're telling me.
Later - Gotta get to this work! Thanks again.
rbowser
I have thousands of implementations and modifications available.
Far, far too many to post and maintain.
It's best to just describe in detail what you want and I'll find it or make it and help you get it running.
H'lo again - Well, I've already made hamburger out of copied source codes. I get lost because the codes they're using have such a different format than the codes from this thread I've been trying. I replace what I think I'm supposed to replace, and the results are just a blank screen.
All I want is one video player with a playlist of .flv files. I want text, like on those examples you posted, either to the side or under the player, so visitors can skip around in the playlist as they want. Or they can play the entire thing from start to finish. I'm trying to make a long video accessible by having it divided in sections.
The mystery to me is why the titles and descriptions I already have in the XML playlist file aren't displayed - ?
Simple needs - Just the player, and boxes of text which when selected will play the appropriate file.
rbowser
If you post a link to your Test Page, I'll answer your questions and help you get it working.
There are too many possible implementations to guess — it's just a tremendous waste of time.
Yes--I posted a test page earlier:
http://rbowser.tripod.com/dorian-2010/vidtest2.html
That's without trying to work in code from the sites you posted. This is with the vid player working, but playlist invisible. - I say more in the post above where I first posted this link.
rbowser
OK.
Now, do you want your boxes of text to be separate from the player, similar to the links and images in the Simple_AddItem.html example or do you want a conventional playlist display which is part of the JW Player similar to the Simple_AgeGate_v5.html example?
Alf, you're beyond earning 5 gold stars tonight. I really appreciate your help.
What I'm wanting is like the boxes of text in both examples you posted, with under being the preference. The currently selected box of text lights up on roll over, and when clicked, the corresponding video plays.
Both examples have photos and text, I'll probably be just using text.
My understanding is that all the associated text needs to be in the xml playlist, correct? But then the appropriate code is needed in the HTML page to make the text and/or images display. Right?
I'm feeling inept, since I've tried to make copies of these source codes work - but as I said, I can't unravel what to replace, what to cut - the choices I've made haven't worked.
Hope that answers you well enough.
EDIT: I think you were also asking if I wanted text on top of the player, as in the age verification example- no. Just text/links to the side or under the player.
rbowser
If you choose to use the JW Player's built-in playlist display, all text (Title & Description) comes from the playlist file. You don't have to use thumbnail images, that also provides more room for the text. There is no need for any code in the HTML, it's all in the player.
Here's a player with a playlist display below the displayarea.
http://willswonders.myip.org:8074/player5/rbowser.html
Use the page source from the link above with the playlist file below.
Since most skins don't display the creator/author, you can despense with that.
Since you don't want thumbnails in the playlist display, you can dispense with the images.
<?xml version="1.0" encoding="UTF-8"?>
<playlist xmlns="http://xspf.org/ns/0/" version="1">
<trackList>
<track>
<title>Video 1</title>
<location>test1.flv</location>
<annotation>This is the description that will appear on the second line of the playlist track, below the title.</annotation>
</track>
<track>
<title>Video 1</title>
<location>test2.flv</location>
<annotation>This is the description that will appear on the second line of the playlist track, below the title.</annotation>
</track>
</trackList>
</playlist>
!! - I saw mention of a built-in playlist display with the player - but, - didn't understand how it worked.
THANK YOU - I have to say a big part of my confusion is that every time I see code, it's done differently, with different terms, like the code you've posted here for me has "annotation" in it, but the other codes didn't.
Well, this is certainly straight forward enough. I'll throw out the playlist test I had (based on the code earlier in this thread) and adapt the one you've posted, and use the page code you also posted - I think I Must be good to go.
wow--Guess I didn't know what I was getting into. The answer here looks simple enough - confusing how many alternatives there seem to be.
Great--THANKS Alf!
rbowser
Sure, glad to help you get started.
Post back if you need more help or get stuck.
Sprise--it's meee. I'm off to a fine start. Here's a slight adaptation of what you gave me, using color codes as they were used in the example sites you posted:
http://rbowser.tripod.com/dorian-2010/vidtest9.html
Two issues now - I don't want the video screen to get smaller, but I'll need up to 10 text boxes like this. It would be nifty to have them scroll, using only the amount of space they are now. The examples you posted scroll - but I don't know where the scrolling code would be added, it looks like it wouldn't be on the HTML page, but where in the Playlist?
Second thing is I would like to test how this looks with the text on the side. My test with that was an utter failure - the text box got large but the screen shrunk. I can't see anything special in the example sites for this--just "side" and "400" for the size, but obviously there's more to it. I don't grasp how the two things interact - the size of the screen and that of the text boxes.
So - tips on those points would be great. Scrolling seems most important, whether I end up with text on the side or underneath.
?
rbowser
The playlist will automatically scroll once it exceeds the allocated space.
Right now, a playlistsize of 120 allows for two tracks of 60, adding more tracks will automatically enable scrolling.
To move the playlist to the right side:
<script type="text/javascript">
var flashvars =
{
'playlistfile': 'http://rbowser.tripod.com/dorian-2010/playlist.xml',
'playlist': 'right',
'playlistsize': '400',
'autostart': 'false'
} var params =
{
'allowfullscreen': 'true',
'allowscriptaccess': 'always',
'bgcolor': '#FFFFFF'
};
var attributes =
{
'id': 'playerID',
'name': 'playerID'
};
swfobject.embedSWF('http://rbowser.tripod.com/dorian-2010/player-viral.swf', 'player', '1040', '480', '9.0.124', false, flashvars, params, attributes);
</script>
Shrink the height by 120, increase the width by 400.
Oh! Well that's nifty. Great. I said before I think I'm done--this time--well, maybe I really am.
Thanks a million. The day is done, more tomorrow, hopefully on my own steam.
rbowser
Hi Alf,
Is there a way to get a result like this.
http://www.topdressage.tv/phpBB3/viewtopic.php?f=87&t=704
or this
http://www.topdressage.tv/Coffeecup/Anky-Part12.html
Thanks in advange
Theo
It's a custom Widget, but you can get the same effect with a simple menu:
http://willswonders.myip.org:8074/player5/Simple_BitrateSwitchingRTMP_v5.html
Or:
http://willswonders.myip.org:8074/player5/Simple_ScrollingDivPlaylistwithShuffle_v5.html
Theo, I looked at the horse show vids - That menu looks to me exactly the same as Alf's examples, only they're using images alone without text in the playlist.
rbowser
oh wow--Alf, you were writing the same time as me.
I'm doing just fine.
One issue I have now is for the vid files to play continuously if that's what a visitor wishes to do. So there'd be the option--jump ahead or back with my menu, or sit and let several chapters go by without stopping.
I've tried adding "repeat" "list" to the flashvar list, as explained on this thread - I used the same format as the other flashvar elements already in the code. But it's not doing what I expected. I thought the post on this thread was saying this was how to get vids playing one after the other - ?
rbowser
Muchos Gracias to Alf and Rbowser.
I am going to look into this. It will be not easy for me, because normally my son is doing this kind of stuff, but the army has asked his attention. Grrrr
BTW what a magnificent peace of coding. And I keep you posted.
Theo
<script type="text/javascript">
var flashvars =
{
'playlistfile': 'playlist.xml',
'playlist': 'bottom',
'playlistsize': '120',
'frontcolor': '000099', // text & icons (green)
'backcolor': '003367', // playlist background (blue)
'lightcolor': '66CCCC', // selected text/track highlight (red)
<strong>'repeat': 'list',</strong>
'autostart': 'false'
};No "#" in the colors!
Alf, I think it would be tiresome answering the questions from newbies like us. You win the Longtail Olymics in the event of "Patient Helpers."
I don't know the difference between the code I tried for continuous play and yours, but yours worked and mine didn't.---?! --
My tests are now running smoothly one from one to the other EXCEPT for the first thing in the playist which is a still image.
Most of my day was spent in trying to make a still image first appear in the video player and then go away when a visitor starts playback. I followed a great tutorial for how to add such a "poster" at the start of a .flv file, and it worked perfectly as long as I was in Flash.
But I couldn't export the results in a .flv file, only a .swf file which isn't going to work. I struggled until I gave up to make my Flash export in .flv format.
So in my HTML code I changed autostart to "true" so that the first file, the still image, will be what appears when visitors go to the webpage.
I was hoping that by clicking that picture, the rest of the video would start, but it doesn't.
But the videos themselves do play continuously. If someone doesn't want to stop after part one, the first flv file, they can sit there doing nothing and part two will start automatically. If they decided to stop, they can use the menu to start from part two.
I guess that's the limitations of this code - that it will work with video files but not still images.
Here's the URL of my test file:
http://rbowser.tripod.com/dorian-2010/vidtest11.html
I have the first two actual files in place now, and the jpg I want on the page when first arrived at.
This is probably what I'll need to be happy with. I'll include instructions on the right or left, that viewers need to click "Part One" in the menu, and from there on, it'll be intuitive for them.
rbowser
Hi Alf ,
I was playing around a little bit with the code you posted here.
Is there any way to use the manyyyyyyyyy .xml files that I made with Coffeecup :
Here is an example :
[<?xml version="1.0" ?>
- <coffeecupvideoplayer version="4.6">
- <videobox x="0" y="0" w="425" h="384" playonstartup="t" loop="f" shuffle="f" dir="Bremen-2009_files/" showplayonstartup="f" skinname="Silver Bullet Skin" skinsize="l" bkdobk="f" bkdogradient="f" bkfillclr="0x000000" bkfillalpha="100" bkgradclr="0xFFFFFF" bkgradalpha="100" bkgradangle="70" bkdoimg="t" bkimg="Bremen-2009_files/bd.jpg" bkdobdr="f" bkbdrsolid="t" bkbdrcolor="0x808080" bkdomask="t">
<rewindbutton x="27" y="337" w="54" h="35" toggle="f" btnupimg="Bremen-2009_files/rr.jpg" action="rr" visible="t" />
<ffbutton x="191" y="340" w="51" h="29" toggle="f" btnupimg="Bremen-2009_files/ff.jpg" action="ff" visible="t" />
<playbutton x="102" y="341" w="53" h="32" toggle="t" btnupimg="Bremen-2009_files/play.jpg" btndownimg="Bremen-2009_files/play.jpg" action="playpause" visible="t" />
<shufbutton x="228" y="30" w="20" h="20" toggle="t" action="shuf" visible="f" />
<loopbutton x="100" y="0" w="20" h="20" toggle="t" action="loop" visible="f" />
<volume x="263" y="314" w="145" h="12" visible="t" />
<progress x="15" y="316" w="227" visible="t" />
- <tree x="6" y="118" w="264" h="62" visible="f">
- <node label="">
<node name="" file="Bremen-2009_files/EuroClassic-Bremen-2009-Grandprix-for-FTM.flv" artist="EuroClassic-Bremen-2009-Grandprix-for-FTM" label="EuroClassic-Bremen-2009-Grandprix-for-FTM" />
<node name="" file="Bremen-2009_files/EuroClassic-Bremen-2009-Grandprix-for-Special.flv" artist="EuroClassic-Bremen-2009-Grandprix-for-Special" label="EuroClassic-Bremen-2009-Grandprix-for-Special" />
<node name="" file="Bremen-2009_files/EuroClassic-Bremen-2009-Grandprix-FTM.flv" artist="EuroClassic-Bremen-2009-Grandprix-FTM" label="EuroClassic-Bremen-2009-Grandprix-FTM" />
<node name="" file="Bremen-2009_files/EuroClassic-Bremen-2009-Grandprix-Special.flv" artist="EuroClassic-Bremen-2009-Grandprix-Special" label="EuroClassic-Bremen-2009-Grandprix-Special" />
</node>
</tree>
<label x="446" y="240" w="53" h="16" bkdobk="f" bkdogradient="f" bkdoimg="f" fntalpha="100" fntsize="10" fntclr="0xFFFFFF" fntbold="f" fntitalic="f" fnt="Arial" visible="t" />
<scrolllabel x="20" y="267" w="386" h="15" bkdobk="f" bkdogradient="f" bkdoimg="f" fntalpha="100" fntsize="10" fntclr="0x000000" fntbold="f" fntitalic="f" fnt="Arial" visible="t" />
<treebutton x="325" y="338" w="84" h="34" toggle="t" btnupimg="Bremen-2009_files/pl.jpg" btndownimg="Bremen-2009_files/pl.jpg" action="tree" visible="t" />
<video x="23" y="24" h="238" w="381" visible="t" />
</videobox>
</coffeecupvideoplayer>
@rbowser,
To get an image to automatically advance to the next track, you have to give it a duration.
<?xml version="1.0" encoding="UTF-8"?>
<playlist xmlns="http://xspf.org/ns/0/" version="1">
<trackList>
<track>
<title>Dorian and his portrait - Jason Bailey as Dorian.</title>
<location>dorian-vid.jpg</location>
<strong><meta rel="duration">10</meta></strong>
</track>
<track>
<title>Part One</title>
<location>dorian-1-part1.flv</location>
<annotation>"PRELUDE" - Dorian's impression of London. "EVERY PICTURE PAINTED" - Painter Basil Hallward tries to explain his art to Lord Henry</annotation>
</track>
<track>
<title>Part Two</title>
<location>dorian-1-part2.flv</location>
<annotation>"Self Development" - Lord Henry senses Dorian's unrest and fills his head with new ideas. "Somewhere In-between" Dorian contemplates his disenchantment with life.</annotation>
</track>
</trackList>
</playlist>You can also use a preview image in any/all tracks. The preview image will show when the player is stopped, disappearing when the video starts playing.
<?xml version="1.0" encoding="UTF-8"?>
<playlist xmlns="http://xspf.org/ns/0/" version="1">
<trackList>
<track>
<title>Part One</title>
<strong><image>dorian-vid.jpg</image></strong>
<location>dorian-1-part1.flv</location>
<annotation>"PRELUDE" - Dorian's impression of London. "EVERY PICTURE PAINTED" - Painter Basil Hallward tries to explain his art to Lord Henry</annotation>
</track>
<track>
<title>Part Two</title>
<location>dorian-1-part2.flv</location>
<annotation>"Self Development" - Lord Henry senses Dorian's unrest and fills his head with new ideas. "Somewhere In-between" Dorian contemplates his disenchantment with life.</annotation>
</track>
</trackList>
</playlist>
@Theo van Bruggen,
Unfortunately, the coffeecup XML files aren't compatible with the JW Player.
JW Player Supported Formats:
http://developer.longtailvideo.com/trac/wiki/Player5Formats#XMLPlaylists
--!!-- So cool. Alf, I'm getting this under control only by your great guidance. Thank you.
rbowser
Alf, you've been of enormous help and I want to publicly thank you.
I'm happy with the way my video page is turning out. I still have 4 more vids to get into it, and then there will be a second page with another player and another hour of video. So I have lots to do, but I've now worked out the mechanics of how to get it all to work and look right.
I couldn't get one thing in your last post to work - The XML playlist code to have an image display until the video starts. That code added the image in the text box, and I don't want that, so I removed that test.
But to have the opening thing be a still picture which then autostarts the video - that works fine I think.
Here's what I have so far. It will have links, some other info, but this is basically what it'll be like:
http://rbowser.tripod.com/dorian-2010/vidtest11.html
Thanks again.
rbowser
There's a simple way to give the playlist thumbnails a really hard KICK so they'll fly right out of the playlist and never bother you again.
<script type="text/javascript">
var flashvars =
{
'playlistfile': 'http://rbowser.tripod.com/dorian-2010/playlist.xml',
'playlist': 'bottom',
'playlistsize': '120',
<strong>'playlist.thumbs': 'false',</strong>
'repeat': 'list',
'autostart': 'true'
};Use the STOP button to stop the player to see the preview images.
http://willswonders.myip.org:8074/player5/rbowser.html
BTW, your playlist file is getting messed up. White space outside of the tags will cause you much grief sooner or later.
It should look like this:
<?xml version="1.0" encoding="UTF-8"?>
<playlist xmlns="http://xspf.org/ns/0/" version="1">
<trackList>
<track>
<title>Dorian and his portrait - Jason Bailey as Dorian.</title>
<location>http://rbowser.tripod.com/dorian-2010/dorian-vid.jpg</location>
<image>http://rbowser.tripod.com/dorian-2010/dorian-vid.jpg</image>
<meta rel="duration">4</meta>
</track>
<track>
<title>Part One</title>
<location>http://rbowser.tripod.com/dorian-2010/dorian-1-part1.flv</location>
<annotation>"PRELUDE" - Dorian's impression of London. "EVERY PICTURE PAINTED" - Painter Basil Hallward tries to explain his art to Lord Henry.</annotation>
<image>image02.jpg</image>
</track>
<track>
<title>Part Two</title>
<location>http://rbowser.tripod.com/dorian-2010/dorian-1-part2.flv</location>
<annotation>"SELF DEVELOPMENT" - Henry senses Dorian's unrest, fills his head with new ideas. "SOMEWHERE IN-BETWEEN" Dorian contemplates his disenchantment.</annotation>
<image>image03.jpg</image>
</track>
<track>
<title>Part Three</title>
<location>http://rbowser.tripod.com/dorian-2010/dorian-1-part3.flv</location>
<annotation>"DORIAN'S PRAYER" - Dorian wishes to remain forever young. "FANTASTIC EYES" - Henry introduces Dorian to the erotic side of London's high society.</annotation>
<image>image04.jpg</image>
</track>
<track>
<title>Part Four</title>
<location>http://rbowser.tripod.com/dorian-2010/dorian-1-part4.flv</location>
<annotation>"INTO THE SUN" - Sibyl Vane and her family are seen through Dorian's eyes as characters in a Music Hall melodrama.</annotation>
<image>image05.jpg</image>
</track>
</trackList>
</playlist>
Ah--I didn't know spaces in the playlist could be a problem. I'll keep that tighter, thanks.
I experimented with having images on the screen as per the code and explanation you posted, but I don't think that's what I need. I had it working fine, just as in your example. But using stop on the player itself freezes whatever frame the viewer on, and that works for me. I also don't like the untidiness of having the white Stop button separate from the player. But thanks for that anyway. You've spent so much time helping.
rbowser
You're really hitting PAUSE, not STOP to display the current frame.
I only added the STOP button for the demo because the default skin on the player doesn't have a stop button.
The preview image only shows when the player is STOPPED, not PAUSED.
Right, I understand that the still images only display when a Stop button is used, but I'm happy with having a random frame displayed with Pause. I hadn't planned on trying a different skin since I don't feel the slight cosmetic difference in appearance is an improvement, but I understand that if I want a true Stop button, I would need a more advanced skin.
I'll have to see if this goes OK for the people who'll be watching. Maybe I'll discover that more control and more images will be good, but for now I think it's going to be OK for the first spin. Thanks, Alf.
rbowser
Thankxxxx Alf,
Is there a Playlist configurator for JWPlayer like there is for CoffeeCup or is it just HandMade and typing code.
Gracias
Theo
.
There are playlist generators in PHP and other scripting languages that run on your server.
Here: http://xspf.org/applications/ and on Google.
There are also a few playlist generators that are Windows programs, also on Google.
Today's quest is now to figure out how I add other things like links to the HTML page without them all being under the video elements. It's confusing to me that all of the page's contents are up in the Head of the document - I tried putting them in the Body and that worked exactly the same - ? But how to have my background, the player and menu layout as they are PLUS some more prominent link buttons - Not grasping that yet. A new topic - No luck using the site's Search on this yet.
rbowser
Hi Alf & Rbowser,
I love the format of this page
http://rbowser.tripod.com/dorian-2010/vidtest11.html
Would you be so kind to show me how your playlist.xml looks like.
Gracias,
Theo
Well thank you, Theo - All I've been doing is following the instructions of the very patient Alf, and starting with the codes posted earlier on this thread.
What I'm not getting now is how to get the rest of my page elements in. I've never used CSS before - and what I've looked at today is just confusing me.
This page, so far, has a large background based on a photo of Peacock feathers. The title at the top is also something I generated with many layers in PhotoShop.
I don't know what will happen when I paste in my XML here - guess it'll show up as regular text-? It really is very basic, all as per Alf's instructions:
<?xml version="1.0" encoding="UTF-8"?>
<playlist xmlns="http://xspf.org/ns/0/" version="1">
<trackList>
<track>
<title>Dorian and his portrait - Jason Bailey as Dorian.</title>
<location>dorian-vid.jpg</location>
<meta rel="duration">4</meta>
</track>
<track>
<title>Part One</title>
<location>dorian-1-part1.flv</location>
<annotation>"PRELUDE" - Dorian's impression of London. "EVERY PICTURE PAINTED" - Painter Basil Hallward tries to explain his art to Lord Henry.</annotation>
</track>
<track>
<title>Part Two</title>
<location>dorian-1-part2.flv</location>
<annotation>"SELF DEVELOPMENT" - Henry senses Dorian's unrest, fills his head with new ideas. "SOMEWHERE IN-BETWEEN" Dorian contemplates his disenchantment.</annotation>
</track>
<track>
<title>Part Three</title>
<location>dorian-1-part3.flv</location>
<annotation>"DORIAN'S PRAYER" - Dorian wishes to remain forever young. "FANTASTIC EYES" - Henry introduces Dorian to the erotic side of London's high society.
</annotation>
</track>
<track>
<title>Part Four</title>
<location>dorian-1-part4.flv</location>
<annotation>"INTO THE SUN" - Sibyl Vane and her family are seen through Dorian's eyes as characters in a Music Hall melodrama.
</annotation>
</track>
<track>
<title>Part Five</title>
<location>dorian-1-part5.flv</location>
<annotation>"NON NONNY HO" - Sibyl performs. "I HEARD THE LAUGHTER" - Sibyl is manic and desperate for Dorian. "LA LA LONDON" - The dangerous East End.
</annotation>
</track>
<track>
<title>Part Six</title>
<location>dorian-1-part6.flv</location>
<annotation>"DORIAN'S DILEMMA" - The portrait changes for the first time. "BEWARE THE DREAMS" - Sibyl's farewell. "IT'S ALL VERY SAD" - Henry's heartless advice.
</annotation>
</track>
<track>
<title>Part Seven</title>
<location>dorian-1-part7.flv</location>
<annotation>"BLANK" & "EVERY PICTURE-reprise" - Basil's desperate. "DORIAN'S DECISION" - Dorian is immortal. "THE BLACK CAT BALLET" - Wild new world.
</annotation>
</track>
</trackList>
</playlist>
And you understand the colors of the menu and roll overs are determined in the HTML code, not the Playlist.
I just copied the source code for test pages Alf posted, and edited the color choices to what I need.
rbowser
CSS basically works on a box model for positioning the HTML elements. The rest of the CSS is mostly styling, fonts, colors, etc.
Googling "CSS Box Model" will show you how it works.
http://www.w3schools.com is a really good reference for the details of HTML and JavaScript.
When you get really lost, go here: http://www.quirksmode.org/css/box.html
Alf to the rescue again - Thanks, my friend.
Right now I'm seeing if I can't just adapt my banner title so it has the two menu links I want on it, back to my main site, and on to the second page of videos I'll be making for this.
If that theoretically simple solution doesn't work, then I'll dig into the CSS pages you posted. Thanks again.
rbowser
Alf our Guru.
I have created the BBcode for our forum and it works perfect, But how can i add a thumbnail in the starting screen.
When you visit this link
http://www.topdressage.tv/phpBB3/viewtopic.php?f=75&t=727
you see I have many black screens with only the play button, but I want to set a thumbnail background.
Here is the BBcode :
<embed
src="http://www.topdressage.tv/LongTail/player-viral.swf"
width="640"
height="480"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="width=640&skin=http://www.topdressage.tv/LongTail/myskinsnel.swf&volume=50&displayclick=none&fullscreen=true&file={TEXT}"
/>
Gracias,
Theo
The preview image comes from the image flashvar.
Just concatenate it after the file flashvar and add the appropriate URL to your preview image.
<embed src="http://www.topdressage.tv/LongTail/player-viral.swf" width="640" height="480" allowscriptaccess="always" allowfullscreen="true" flashvars="skin=http://www.topdressage.tv/LongTail/myskinsnel.swf&volume=50&displayclick=none&fullscreen=true&file={TEXT}<strong>&image=/images/image01.jpg</strong>" />
Flashvars reference documentation:
http://developer.longtailvideo.com/trac/wiki/Player5FlashVars
Thankxxxx Alf,
It works now, and people love it. Do you think that instead of a JPG file an animated gif could be used ?
Theo
The Adobe Flash Player doesn't support animated GIF files.
Is there a way to create a dynamic playlist for JWPlayer ?
Let's assume I have a directory on my website called
"Stallions" and I add some videos every week to this directory.
Is there a way that the playlist is updated automaticly ?
Thanks guy's
Theo
Hey guys, just jumping in here hoping somebody can solve my problem. I've tried posting a couple threads but this posting system doesn't work for me properly.
Here is my html, playlist and files i'm using but my playlist is failing to appear locally and on a server, i'm unsure on what i've missed or failed to upload if anybody has any ideas i'd love to see where i've gone wrong.
Thanks in advance,
Blake
HTML
<html>
<head>
<script type="text/javascript" src="swfobject.js"></script>
</head>
<body>
<div id="container">
<a href="http://www.macromedia.com/go/getflashplayer">Get flash</a> to see this player.
</div>
<script type="text/javascript">
var s1 = new SWFObject("mediaplayer.swf","mediaplayer","520","240","7");
s1.addParam("allowfullscreen","true");
s1.addVariable("width","520");
s1.addVariable("height","240");
s1.addVariable("displayheight","240");
s1.addVariable("displaywidth","200");
s1.addVariable("file","playlist.xml");
s1.write("container");
</script>
</body>
</html>
PLAYLIST
<?xml version="1.0" encoding="UTF-8"?>
<playlist xmlns="http://xspf.org/ns/0/" version="1">
<trackList>
<track>
<title>Video 1</title>
<location>demo.flv</location>
<annotation>This is the description that will appear on the second line of the playlist track, below the title.</annotation>
</track>
<track>
<title>Video 1</title>
<location>demo2.flv</location>
<annotation>This is the description that will appear on the second line of the playlist track, below the title.</annotation>
</track>
<track>
<title>Video 1</title>
<location>demo3.flv</location>
<annotation>This is the description that will appear on the second line of the playlist track, below the title.</annotation>
</track>
</trackList>
</playlist>FILES UPLOADED
demo.flv
demo2.flv
demo3.flv
index.html
playlist.xml
mediaplayer.swf
preview.jpg
swfobject.js
yt.swf
Can you provide a link to where you are running this?
www.mediavisionz.com.au/playlisttest/index.html
All i'm getting is a grey box that restarts the video if you press it next to the FLV player.
http://www.mediavisionz.com.au/playlisttest/index.html works for me, all of the videos in your playlist are the same flv though.
Thanks for checking, I can skip to next video but i'm still unable to see the playlist on the right and i've checked on multiple machines.
What do you see on the page?
Under this line:
s1.addVariable("file","playlist.xml");
Add:
s1.addVariable("playlist","right");
That is why you can't see the playlist on the right side.
Wow lol, I wouldn't have caught that... I just figured it'd show up. >.<
Thanks so much for your help, this made my day. :D
Np! :D
Thanks very much for posting such great examples of XML playlists. My wife's website was not working properly and I was able to fix the problem based on your code examples. I know nothing about XML code so that shows how good your instructions are! Thanks again.
Np! :)
i love u guys!
ok i know how to create a playlist, the videos play on senquence and on the end the playlist restarts
but when the video1 end and the video 2 start (same for anothers end/start) "the end menu" appear for a second until the next video start, i want turno off this menu, or make this menu totally black.
Thanks for all
Turn turn off this menu, go back to http://www.longtailvideo.com/players/jw-flv-player/ and uncheck the Viral Plugin checkbox, now it will be gone.
I tried this code but unable to see the playlist running.
It works for single file not for the playlist.
<script type="text/javascript">
var s1 = new SWFObject("flvplayer.swf", "single", "900", "650", "7");
s1.addVariable("playlist","right");
s1.addVariable("image","cover1.jpg");
s1.addVariable("width","900");
s1.addVariable("height","650");
s1.write("player1");
</script>
You need to specify a file:
s1.addVariable("file","playlist.xml");
ya its running but not the whole playlist
here is the xml code I think problem is here only:
Please help me..
<?xml version="1.0" encoding="UTF-8"?>
<playlist xmlns="http://xspf.org/ns/0/" version="1">
<trackList>
<track>
<title>Video 1</title>
<location>doitbean.flv</location>
</track>
<track>
<title>Video 1</title>
<location>ridesagain.flv</location>
</track>
<track>
<title>Video 1</title>
<location>kunku.flv</location>
</track>
</trackList>
</playlist>
</xml>
Can you provide a link?
No I can't provide you link as its not live.
When I execute; only last file kunku.flv in the above xml file runs after that it becomes black;
What's the reason for that?
I have no idea...I am going to need to at least see a test page or something to be able to better help you...
I have posted earlier the codes; can't you tell me by seeing that?
<script type="text/javascript">
var s1 = new SWFObject("flvplayer.swf", "single", "900", "650", "7");
s1.addVariable("file","playlist.xml");
s1.addVariable("image","cover1.jpg");
s1.addVariable("width","900");
s1.addVariable("height","650");
s1.write("player1");
</script><?xml version="1.0" encoding="UTF-8"?>
<playlist xmlns="http://xspf.org/ns/0/" version="1">
<trackList>
<track>
<title>Video 1</title>
<location>doitbean.flv</location>
</track>
<track>
<title>Video 1</title>
<location>ridesagain.flv</location>
</track>
<track>
<title>Video 1</title>
<location>kunku.flv</location>
</track>
</trackList>
</playlist>
</xml> Single file is running one of the above in xml but not the playlist...
Sorry, I can't tell if I can't see the error in action.
ok thanks..
np...
Hi, Im using APPLIAN FLV Player, how can i create a playlist to all videos that i've downloaded..?? i have to play manually each file.. pls help
thanks
Sorry, but the APPLIAN FLV Player is not our product. Do you have a question about the JW Player?
<?xml version='1.0' encoding='UTF-8'?><playlist version='1' xmlns='http://xspf.org/ns/0/'>
<trackList>
<track>
<creator>Artist</creator>
<title>Song 1</title>
<location>http://my.domain.com/path-to-file/song1.mp3</location>
</track>
<track>
<creator>Artist</creator>
<title>Video 1</title>
<location>http://my.domain.com/path-to-file/video.flv</location>
<image>http://my.domain.com/path-to-file/preview.jpg</image>
<info>http://my.domain.com/</info>
</track>
</trackList>
</playlist>
More information here: [url=http://www.jeroenwijering.com/?item=Supported_Playlists]SUPPORTED PLAYLISTS[/url]