Video Embed & Thumbnail Generator
A plugin to make embedding videos, generating thumbnails, and encoding files easier.
Not compatible with the new Block Editor. Please continue to use the Classic Editor.
Still 100% free, but some advanced features may be converted to premium add-ons in the future. More info in the support forum.
This plugin adds several fields to any video uploaded to the WordPress Media Library. Just choose a few options, make thumbnails, click “Insert into Post” and you’ll get a shortcode in the post editor that will embed a flexible, responsive HTML5 video player with Flash fallback for unsupported browsers.
You have the option to use a few different video players:
Video.js (files are included with the plugin)
The WordPress default player using MediaElement.js, which was introduced in WordPress version 3.6
JW Player 6 (if their old, discontinued plugin is already installed. This plugin does not work with JW Player 7 yet.)
Adobe’s Strobe Media Playback Flash player (deprecated)
No matter which player you use, the video will responsively resize to fit the container it’s in. If you provide multiple H.264 resolutions, the plugin can automatically select the one closest to the size of the player or a resolution of your choice, and provide a button for users to select the resolution manually. If you have Google Analytics set up on your site, the plugin will automatically send Google Analytics Events when users start, reach 25%, 50%, 75%, and complete watching your videos.
You can also use the plugin to create a popup video gallery. The shortcode uses options similar to the WordPress image gallery shortcode. In its simplest form use the code
[KGVID gallery="true"] to create a gallery of all videos attached to the post. Thumbnail size and video popup size can be set on the plugin settings page or in the shortcode. To make a custom gallery that includes videos that aren’t attached to the current post you’ll need to determine the video’s ID, which is shown under the Video Stats section when viewing the attachment. Switch the “insert” option from “Single Video” to “Video Gallery” and you’ll get a number of additional options (all of which are optional). Add a comma-separated list of video IDs in the “Include” field to create a gallery manually. Note: the “Create Gallery” section of the Add Media window is a built-in WordPress function and is only for making image galleries.
If your video can be played natively in your browser, or if you have FFMPEG or LIBAV installed on your server, you can generate thumbnails from your video. Using either the “Generate” or “Randomize” buttons will create an array to choose from. The “Generate” button will always generate thumbnails from the same frames of your video, evenly spaced. If you don’t like them, you can randomize the results with the “Randomize” button. If you want to see the first frame of the video, check the “Force 1st Frame Thumbnail” button. You can generate as many or as few as you need (up to 99 at a time). After creating an array of thumbnails you can save them all using the “Save all thumbnails” button.
If you know which frame you want to use for your thumbnail, click “Choose from video…” to select it from the video. This will only work for videos that can be played natively in your browser. If you want really fine control you can enter timecode in the “Thumbnail timecode” field. Use
mm:ss format. Use decimals to approximate frames. For example,
23.5 will generate a thumbnail halfway between the 23rd and 24th seconds in the video.
02:23.25 would be one quarter of the way between the 143rd and 144th seconds.
After you select a thumbnail it will be registered in the WordPress Media Library and added to the video’s attachments. Unused thumbnails will be deleted.
In the plugin settings you can set the default maximum video width and height based on the dimensions of your particular template and those values will be filled in when you open the window. If you generate thumbnails, the video display dimensions will be adjusted automatically to match the size and aspect ratio of the video file. You can make further adjustments if you want. There are options to always fill the width of the template or to always set videos to the maximum width setting regardless of their resolution.
If enabled in the plugin settings, Facebook, Twitter, and Schema.org video search engine metadata will be generated for your videos. If your site supports https, your videos can play directly in the Facebook timeline or on Twitter. Twitter requires whitelisting for each domain that provides player cards so you will be required to request whitelisting using the Twitter Card Validator tool. Once you’ve installed the plugin and enabled the Twitter Cards setting, go to the Twitter Card Validator, enter a secure URL from your site that has a video embedded using this plugin, click “Preview card” and you’ll probably see a warning that your site isn’t whitelisted. Request whitelisting and Twitter should approve you fairly quickly. Enabling the Facebook or Twitter metadata options will override Jetpack’s corresponding metadata whenever a video is embedded on the page. However, your theme or SEO plugins might generate their own metadata that could conflict with this plugin’s.
You can add subtitle and caption tracks by choosing properly formatted WebVTT files from the media library or entering a URL directly. Enter the two-letter language code and the label text that will be shown to users. Enabling the “default” option will turn the text track on when the page loads. The WordPress default player does not differentiate between captions and subtitles, but Video.js will show a different icon depending on the selection.
I highly recommend using Handbrake to make a file with H.264 video and AAC audio in an MP4 container before uploading. If you’re encoding with Handbrake make sure that “Web Optimized” is checked. Using Apple’s Compressor, the “Streaming” setting should be “Fast Start” (not Fast Start – Compressed Header).
The plugin can use FFMPEG or LIBAV to encode videos and make thumbnails if you have one of them installed on your server. You can choose to generate thumbnails and additional video formats automatically whenever a new video is uploaded to the media library, and there are buttons to generate thumbnails and additional video formats for every video already in the media library. If you want most videos to be re-encoded and replaced with a particular format but sometimes want to keep the original video, you can add the suffix ‘-noreplace’ (awesomevid-noreplace.mp4) to your filename and the uploaded video will not be replaced. Other automatic formats will still encode.
Great solution for generating thumbnails from images.
Thank you for the work put into this plugin.