Jukebox – a multi-channel video gallery example

id=AmyWinehouseVEVO, w=158, num=12, type=channel, square=true, liststyle=false, q=, rounded=0, showsearch=true, showpaging=true, showdate=true, filmstyle=false, playlists=false, borderwidth=6, bordercolor=fff, start=, stop=, showshadows=true, brochurestyle=false, 123=false, columns=2, width=auto, color=, dark=false, bgcolor=, plstyle=, channelids=adelevevo:Adele, AmyWinehouseVEVO:Amy Winehouse, AvrilLavigneVEVO:Avril Lavigne, coldplayvevo:Coldplay, DidoVEVO:Dido, KeaneVEVO:Keane, QueenVEVO:Queen, robbiewilliamsvevo:Robbie Williams, thepussycatdollsvevo:The PussyCat Dolls, showdescriptions=, videowall=false, playicons=true, hover=false, classic=false, classiclist=false, carousel=false, slider=false, slider2=false, featured=, tag=, height=279, showtags=false, showvideotags=false, source=, styling=, newpage=false, playicons=true, animated=, titleonimage=, widescreen=, bw=, playlist=, style=, orderby=, hideplayer=true, sintro=false, startat=, autoplay=false, transition=scroll, duration=800, interval=7500, smallthumbs=false, nothumbs=false, loop=false, shuffle=false
Adele
Amy Winehouse
Avril Lavigne
Coldplay
Dido
Keane
Queen
Robbie Williams
The PussyCat Dolls

From the archive …

[640],shadow=true,start=,stop=
 
[350],shadow=true,start=,stop=[350],shadow=true,start=,stop=[350],shadow=true,start=,stop=[350],shadow=true,start=,stop=

The ShortCode :

[videogallery num=9 square=true w=180 id=AmyWinehouseVEVO channelids=’KeaneVEVO:Keane, thepussycatdollsvevo:The PussyCat Dolls, robbiewilliamsvevo:Robbie Williams, AvrilLavigneVEVO:Avril Lavigne, AmyWinehouseVEVO:Amy Winehouse, adelevevo:Adele, coldplayvevo:Coldplay, DidoVEVO:Dido, QueenVEVO:Queen’]

Enclose the channelids parameter in single quotation marks.

‘Jukebox’ is just an example of a multi-channel gallery – the channels do not need to be music channels! Nor the thumbnail type be square. It’s all up to you …

As always, there is also a non-ShortCode method using HTML and Javascipt. This would allow you to customise the display of the channel list. This alternative is detailed below.

<div class=’videogallery’ id=’jukebox’>id=AmyWinehouseVEVO, num=9, square=true, w=180</div>
<div style=”margin-top:6px;margin-bottom:3px;”>Change channel :</div>
<div>
<span style=”cursor:pointer;color:#1122dd;” onclick=”updateGalleryId(‘jukebox’,’KeaneVEVO’,’channel’)”><img src=”http://www.embed-videos.com/bdot.gif” />Keane</span>
<span style=”cursor:pointer;color:#1122dd;” onclick=”updateGalleryId(‘jukebox’,’thepussycatdollsvevo’,’channel’)”><img src=”http://www.embed-videos.com/bdot.gif” />Pussycat Dolls</span>
<span style=”cursor:pointer;color:#1122dd;” onclick=”updateGalleryId(‘jukebox’,’robbiewilliamsvevo’,’channel’)”><img src=”http://www.embed-videos.com/bdot.gif” />Robbie Williams</span>
<span style=”cursor:pointer;color:#1122dd;” onclick=”updateGalleryId(‘jukebox’,’AvrilLavigneVEVO’,’channel’)”><img src=”http://www.embed-videos.com/bdot.gif” />Avril Lavigne</span>
<span style=”cursor:pointer;color:#1122dd;” onclick=”updateGalleryId(‘jukebox’,’AmyWinehouseVEVO’,’channel’)”><img src=”http://www.embed-videos.com/bdot.gif” />Amy Winehouse</span>
</div>

A music based video gallery, but it could be on any topic. The example illustrates how to offer multiple video channels to the visitor. Updated by AJAX – no page reload delay.