How to create a Related Playlist for JW Player

Play lists and Related play lists are created with a simple XML file.It has a title, a thumbnail and the path to the media. Here we explain how to make this work with the JW Player by Longtail, used in our S3Media Stream extension for Joomla!

It looks more complicated then it is. Have a quick look and I will explain how this works below. You may want to copy this part and save it in a plain text file. Do not use any formatting on XML files or they won't work. Do not use sophisticated editors either. A Notepad (PC) or SimpleText(Mac) will do just fine.

<?xml version="1.0" encoding="utf-8"?>
<videolist>
<video id="001">
<title>Beyond 9/11</title>
<thumb>http://www.joomla21century.com/images/stories/demo-playlist1S.jpg</thumb>
<url>http://www.youtube.com/watch?v=J1hvgfoJVww</url>        
</video>
<video id="002">
<title>Prisoner of rules</title>
<thumb>http://www.joomla21century.com/images/stories/demo-playlist2S.jpg</thumb>
<url>http://www.youtube.com/watch?v=ahwdYRErSKc</url>        
</video>
<video id="003">
<title>Memory</title>
<thumb>http://www.joomla21century.com/images/stories/demo-playlist3S.jpg</thumb>
<url>http://www.youtube.com/watch?v=MwM1q4Oz-zo</url>        
</video>
</videolist>

Example screenshot according to the above play list :

playlist-overview

What are the main elements?

<?xml version="1.0" encoding="utf-8"?>
<videolist>
</videolist>

The first line remains always the same and the tags <videolist></videolist> form the opening- and closing elements for our videos. <videolist> has child elements, namely <video></video> and this has one attribute, the id. The id needs to be unique for every video in the list. So, you start with:

<?xml version="1.0" encoding="utf-8"?>
<videolist>
<video id="001">
</video>
<video id="002"></video>
<video id="003">
</video>
etc...

</videolist>

Then we introduce the 3 child nodes of the element <video>, which as we have seen are: <title>, <thumb> and <url>.  We place those between every instance of <video></video>, like this:

<?xml version="1.0" encoding="utf-8"?>
<videolist>
<video id="001">
<title><title>
<thumb></thumb>
<url><url>

</video>
<video id="002">
<title><title>
<thumb></thumb>
<url><url>

</video>
<video id="003">
<title><title>
<thumb></thumb>
<url><url>

</video>
etc...
</videolist>

What do we have to keep in mind when filling in the details?

Title <title> has to be short, as you can see from the sample above, you do not have that much space. It can contain alpha- and numeric characters but avoid using special characters.
<title>Beyond 9/11</title>

Thumbnail <thumb> needs to be the full path http://...) to the thumbnail images, which is ideally a PNG, GIF or JPG and maximum 107x76 pixels big. If you work with a lot of play lists, organization is key to success.  Put every play list in its own folder and you have all elements of the same list together. Subfolders are allowed and encouraged.
<thumb>http://www.joomla21century.com/images/stories/demo-playlist1S.jpg</thumb>

URL <url> also needs to be the full path, whether it is on your own server or somewhere else. Ideally, you keep the viewers on your own site, by embedding the video in your articles.  Then simply link to those articles in the <url>. In that sense, the example at the beginning of this article is not such a good one because All three links leads to YouTube directly.  It is much better to embed these videos from YouTube by using a module like S3Media Stream.
<url>www.joomla21century.com/articles/demo-playlist1</url>

 

Login

Testimonials

"I'd like to share our wonderful experience with S3Media Stream.
We've tried a couple of different extensions in the past, including a product for which we paid money, but simply didn't work. We never received any support either -- our emails went completely ignored.

Fortunately, after some more searching, we came across S3Media Stream. Not only was this extension much more robust and easier to work with, but the support that we received from Rudolf is extraordinary.

Being skeptical about product claims, we had many pre-sale questions that Rudolf answered very quickly and professionally. After we purchased the product, Rudolf patiently guided us, via Skype, through all the steps to customize our setup.

This level of service and professionalism is not something you get to experience from many companies. It's refreshing and much appreciated!"

Michael Roach
Director of Marketing,
The BodyMind Institute
www.BodyMindInstitute.com

I've been searching for a long time for a solution that will allow me to stream videos with Amazon cloud by using Joomla CMS.
Integrating such a solution requires deep understanding of security settings and is not as staright-forward as a simple embedding.

Luckily, I found Joomla21Century and developer Rudolf who gave me a step by step guidance, including intervention on my own server. I was never alone in the process. Quick and detailed responses, diving into the smallest details are the main advantage of Rudolf, along with a great, reliable component which I highly recommend.

Yoram Schaffer
www.DocMovies.com

"I can only say that in the middle of tens of thousands of software developers selling their wares on the web, it's very refreshing to come across the team at Joomla 21 Century. Their products under the S3Media banner are very versatile and professionally packaged components for integrating S3 based media into your site.
I have been in the media industry for over thirty years and have worked with hundreds of different companies... but the service I have received from these guys is absolutely excellent!"

Peter Claridge www.peter-claridge.com

"There are a handful of extensions in the Joomla universe that dramatically increase the power and possibilities of this tremendous CMS.
S3Media Pro is one of those extensions. An incredible tool with equally incredible support."

Dr. Jordan Weinstein MD
Assistant Professor of Medicine,
University of Toronto
Director, UKidney.com

"Once you get the hang of it, this plugin is just awesome. And I really love the suggestions in the articles.
What an idea to use watermarks for affiliate products!"

Ruud Van Dyck
Executive producer, London

Official PayPal Seal

We use cookies to improve our website and your experience when using it. Cookies used for the essential operation of this site have already been set. To find out more about the cookies we use and how to delete them, see our privacy policy.

  I accept cookies from this site.