<div class="clips petrol" style="float:left">
<a href="KimAronson-TwentySeconds59483.flv" class="first">
Palm trees and the Sun
<span>HTTP streaming</span>
<em>0:20 min</em>
</a>
<a href="KimAronson-TwentySeconds58192.flv">
Happy feet inside a car
<span>HTTP streaming</span>
<em>0:20 min</em>
</a>
<a href="KimAronson-TwentySeconds63617.flv">
Park side life
<span>HTTP streaming</span>
<em>0:20 min</em>
</a>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<a class="player plain" id="player2" style="float:left">
<img src="http://static.flowplayer.org/img/player/btn/play_text_large.png" />
</a>
<br clear="all"/>
$(function() {
// setup player without "internal" playlists
$f("player2", "http://releases.flowplayer.org/swf/flowplayer-3.2.2.swf", {
clip: {baseUrl: 'http://blip.tv/file/get'}
// use playlist plugin. again loop is true
}).playlist("div.petrol", {loop:true});
});
<a class="player" id="player" style="float:left"
href="KimAronson-TwentySeconds59483.flv"></a>
/* adds new entry into playlist */
function newEntry() {
// uses normal jQuery append method. no additional coding
$("#myplaylist").append(
'<a href="KimAronson-TwentySeconds73213.flv">' +
'Dynamically added playlist entry' +
'<span>From JavaScript</span>' +
'<em>0:21 sec</em>' +
'</a>'
);
}
/* standard jQuery method to remove last entry from the playlist */
function removeEntry() {
$("#myplaylist a:last").remove();
}
.playlist("playlistContainer", {
// CSS class name of a playing entry
playingClass: 'playing',
// CSS class name of a paused entry
pausedClass: 'paused',
// CSS class name for an entry that is loading
progressClass:'progress',
// if true, then each clip is advanced to the next clip when it ends
loop:false,
/*
when set to true and the splash image is clicked, then the first clip is played.
this has an effect on the manual configuration only
*/
playOnClick: true
});
