addVideoThumb custom sizing

Page: 1

Author Post
Member
Registered: Jun 2012
Posts: 2
Would anyone else be interested in user customizeable control of the size of the thumbnails fetched by the addVideoThumb option (other than small, medium & large)? e.g., addVideoThumbWidth: 200px addVideoThumbHeight: 150px

If this possible with the current version of Floatbox I haven't figured it out.
Administrator
Registered: Aug 2008
Posts: 3382
The video thumbnails are fetched from the online video services (youtube, vimeo and dailymotion) using their APIs. These services offer the images in 3 sizes, hence the small, medium and large values for the addVideoThumb option. It's an indicator of which available image to fetch. (Actually, youtube offers only small and large, but the Floatbox code scales the large one to a medium size if requested.)

The fetched images end up being <img> elements on the page just like any other images, and so can be styled via css. For example, if we assign class="custom" to the containing <a> element, we might then add the following css to the page:
a.custom img {
width:300px;
height: 200px;
}

You will probably want to also style the play button that Floatbox adds over top of the video image. The play button has a class of fbVideoPlay that can be used in a css selector such as a.custom img.fbVideoPlay.
Member
Registered: Jun 2012
Posts: 2
Thanks a bunch!

Page: 1