Hi! Everyone, hope you all are fine.
Today in this post I will tell you how you can create playlist using JW Player. As I told in my last post that few readers asked me how they can create Playlist using JW Player and how they can host files of JW Player in Google code. So in last post I told you how you can host files in Google code and if you want to know how to use and earn from JW Player Click here.
To make a playlist using JW Player you need to have an XML file where you will put all the videos link of your playlist.
Here how you can create JW Player Playlist XML file
1. Open notepad in your computer
2. Copy the below code
<?xml version='1.0' encoding='UTF-8'?>
<playlist version='1' xmlns='http://xspf.org/ns/0/'>
<trackList>
<track>
<title>Video Name</title>
<location>Video URL</location>
<annotation>Video Description</annotation>
<duration>Video Length (Time)</duration>
</track>
</trackList>
</playlist>
Now copy the bold portion and paste it after </track> as much time you want (as much video will be in a playlist)
3. Now change few things
i) Video Name With the name of the video
ii) Video URL with the URL of the video
iii) Video Description With the video description
iv) Video Length (Time) with the video length
Note: – Every time put different Name, URL, Description and Length
4. After you made the playlist save that file
i) Press Crtl+S (for save option)
ii) Now change the Save as type: from Text Documents (*.txt) to All files (*.*)
iii) An give the name of the file and after the name give .xml
iv) Then click Save button
5. Now upload this file to Google code hosting server or on your hosting server
To know how to upload file to Google code click here.
Here how you can make playlist using JW Player
1. Go to Blogger.com –> Click on Design for the following blog –> Edit HTML
2. Find the
</head> tag
3. Just before the end of head tag place the below code (if you haven’t place this code before for JW Player)
<script src="http://jajodiasaket.googlecode.com/files/swfobject.js" type="text/javascript"/>
4. Now place the below code where you want to
display your JW Player Playlist
<div name='jwppl1' id='jwppl1'>
<script type="text/javascript">
var so = new SWFObject
('https://player.longtailvideo.com/player.swf ','single'
,'600','320','8');
so.addParam('wmode','transparent');
so.addParam('allowScriptAccess','always');
so.addParam('allowfullscreen','true');
so.addVariable('fullscreen','true');
so.addVariable('width','600');
so.addVariable('height','320');
so.addVariable('playlist','right');
so.addVariable('playlistsize','200');
so.addVariable('file','playlist.xml');
so.addVariable('image','image.jpg');
so.addVariable('plugins', 'ltas,gapro-1,googlytics-1,fbit-1');
so.addVariable('ltas.cc','AdSolution ID');
so.addVariable('gapro.accountid','Google Analytics ID');
so.write('jwppl1');
</script></div>
Change the following things before you place the code:
a) Change The Longtail Video AdSolution ID
Change the AdSolution ID with your Longtail Video AdSolution ID and if you don’t have the AbSolution ID then you can sign up for free, to know how to signup Click Here . Or if you don’t want to show ads just remove this entire line (
so.addVariable('ltas.cc', 'AdSolution ID'); )
b) Change the Google Analytics ID whit your ID (ID is something like UA-XXXXXXXX-XX)
c) Change the playlist.xml with your Playlist XML file
d) Change the image.jpg with your preview image URL (it it not necessary if you are using YouTube video URL)
There is a facebook share button plugin I have given if you want to remove it just remove the ,fbit-1 from this line so.addVariable(‘plugins’, ‘ltas,gapro-1,googlytics-1,fbit-1‘); .
Note: – If you want to add two player in one page then change the 1 in jwppl1 (in 1st line and in last 2nd line) with 2 in 2nd player, if you want to add three player then change it with 3 in 3rd player and so on.
Here is a demo of how JW Player Play will look like
If you are having problem in viewing the Demo Playlist Click here.
Hope it will help you in creating JW Player Playlist, if you have any question or problem let me know