Video gallery styling (Vimeo)

These examples show how to style both the video thumbnail borders and the background of a gallery.

id=gtimage, w=350, num=4, type=user, square=false, liststyle=false, q=, rounded=0, showsearch=true, showpaging=true, showdate=true, filmstyle=false, playlists=false, borderwidth=7, bordercolor=e9fbff, start=, stop=, showshadows=true, brochurestyle=false, 123=false, columns=2, width=auto, color=, dark=false, bgcolor=, plstyle=, channelids=, 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=vimeo, 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

The code :

<div style=”color:#048;background:#fff0f0;border-radius:15px;padding-left:7px;padding-right:7px;padding-top:11px;”>
[videogallery source=vimeo id=gtimage num=4 borderwidth=7 bordercolor=def]
</div>

Alternatively, set a CSS style for class videogallery.

Example 2

id=outdoorresearch, w=350, num=4, type=user, square=false, liststyle=false, q=, rounded=0, showsearch=true, showpaging=true, showdate=true, filmstyle=false, playlists=false, borderwidth=7, bordercolor=fea, start=, stop=, showshadows=true, brochurestyle=false, 123=false, columns=2, width=auto, color=, dark=false, bgcolor=, plstyle=, channelids=, 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=vimeo, 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

The code :

<div style=”color:#031;background:#f6fff6;border-radius:15px;padding-left:16px;padding-right:16px;padding-top:7px;border:2px solid #6d6;margin-left:0px;”>
[videogallery source=vimeo id=outdoorresearch num=4 borderwidth=7 bordercolor=fea]
</div>

In this example, we demonstrate how a Vimeo video gallery can be easily styled with CSS, both the containing div and each video poster thumbnail border.