Blog | Sitemap | Forum

Bookmark using any bookmark manager!

Customize skinning flash video player for web
Customize flash video player in the easiest way

Show playlist at different time

When you have multiple videos in a web player for playing, you might want to display a list of them at some time or all the time.

The demo which shows playlist at the first frame and the last frame. You might try clicking the playlist button to hide or show playlist.

The demo which always shows the playlist. And you could hide or show the playlist randomly by clicking the playlist icon.

Below examples will show you how to configure the playlist showed at different time by PlayerDIY Web Player and by flashvars code.

  • PlayerDIY Web Player
  • Flashvars Code

Whether the playlist will show or not, and at what time it will show can be configured on the following interface of PlayerDIY Web Player.

To make the playlist shown, the value of “Video list style” must be “black” or “slider”.
Show list at first” -- Show the playlist before the video starts playing
Show list when playing” – Show the playlist when the video being played
Show list at last” – Show the playlist after the video playing is finished
Hide playlist button” – Hide the playlist button on control bar. If this option is not checked, the playlist button can be clicked to show and hide playlist, otherwise, the playlist button and playlist would be hidden.

To implement the first demo above with flashvars code, the embed code will be as below:

<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent" align="center"></div>
<script type="text/javascript">
var so = new SWFObject('mwplayer.swf','player','500','450','9');
so.addParam('wmode','opaque');
so.addParam('quality','high');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('flashvars','playerOpts=ShowListAtFirst*true*b||ShowListAtLast*true*b');
so.write("flashcontent");
</script>

The line of the red code is the flashvars code for setting to show playlist at the first frame and the last frame. if playerOpts=ShowListAtFirst*true*b||ShowListAtMidst*true*b||ShowListAtLast*true*b, the player will show playlist all the time. Get more information about flashvars code.

Configuration