How to Resize an Automatic Thumbnail Image in Video Lightbox

WP Video Lightbox supports the “auto_thumb” parameter in the shortcode to automatically show the default thumbnail of a YouTube or Vimeo video as the anchor image. This thumbnail is actually generated by YouTube or Vimeo. In order to keep things simple for you and show the thumbnail image with a play button in it, the plugin needs to set a default size for the image. Currently it’s set to 300x250px. If it doesn’t suit you, you can apply these tweaks to resize the thumbnail image:

1. Open the “wp-video-lightbox.css” file (It’s in the root directory of the plugin – /wp-content/plugins/wp-video-lightbox/).

2. Change the “wpvl_auto_thumb_box” and “video_lightbox_auto_anchor_image” classes to your desired size (example: 600x450px).

.wpvl_auto_thumb_box{
position: relative;
width: 600px;
height: 450px;
}

.video_lightbox_auto_anchor_image{
width: 600px;
height: 450px;
}

3. Adjust the values of the “wpvl_auto_thumb_play” class to align the play button in the middle. For a 600x450px thumbnail, you can set it to the following:

.wpvl_auto_thumb_play{
position: absolute;
left: 201px;
top: 144px;
}