Basics of RSS playlists Configuration - Demo 6 / 8
Introduction
Since Flowplayer verion 3.1.1 you are able to configure RSS playlists. These playlists are loaded from an external file which uses the Media RSS XML syntax for describing videos. This example has four videos in a playlist. The RSS configuration is shown below the video.
The playlist
Here is our playlist. You can define custom properties, durations and links for the clips.
<!-- :mode=xml: -->
<rss version="2.0" xmlns:media="http://search.yahoo.com/mrss/">
<channel>
<title>Example media RSS playlist</title>
<link>http://www.flowplayer.org</link>
<item>
<!-- The title goes to the clip as a custom property -->
<title>Happy Feet</title>
<!-- description goes to the clip as a custom property -->
<description>A custom property for a clip</description>
<!-- media:credit goes to the clip as a custom property called 'media:credit' -->
<media:credit role="author">Kim Aronson</media:credit>
<!-- media:content is used as the clip URL -->
<media:content url="KimAronson-TwentySeconds58192.flv" type="video/x-flv" />
</item>
<item>
<title>Beach and palms</title>
<description>test</description>
<media:credit role="author">Kim Aronson</media:credit>
<media:content url="KimAronson-TwentySeconds63617.flv" type="video/x-flv" />
</item>
<item>
<title>Brown Carpet</title>
<!-- the link element is mapped to the clip's linkUrl property -->
<link>http://flowplayer.org</link>
<description>test</description>
<media:credit role="author">Kim Aronson</media:credit>
<!-- custom duration -->
<media:content url="KimAronson-TwentySeconds71844.flv"
duration="5" type="video/x-flv" />
</item>
<item>
<title>Stuff on a table</title>
<description>test</description>
<media:credit role="author">Kim Aronson</media:credit>
<media:content url="KimAronson-TwentySeconds73213.flv" type="video/x-flv" />
</item>
</channel>
</rss>
HTML coding
Just a simple player container with dimensions.
<!-- player container-->
<div style="width:586px;height:440px;" id="player"></div>
Flowplayer configuration
The playlist property has a value that is simply a path to the RSS-formatted playlist file.
flowplayer("player", "/swf/flowplayer-3.1.5.swf", {
// common clip properties are valid for the RSS playlist entries
clip: {
baseUrl: 'http://blip.tv/file/get'
},
// playlist is configured from a RSS playlist file
playlist: '/demos/configuration/playlist.rss',
// show playlist buttons
plugins: {
controls: {
url: 'flowplayer.controls-tube-3.1.5.swf',
playlist: true
}
}
});
Follow this link to see this same demo configured with a visible playlist plugin.
Take a look at a standalone version of this demo. View its source code to get things going on your page.