Video Embed Thumbnail Generator Wordpress Plugin is used by 498 websites. Among 498, 0 site is within top 10,000 and 21 sites are within top 100,000 websites.

Wordpress Plugin Information of

Plugin Meta Name Plugin Meta Information
Plugin Name
Plugin Description Generates thumbnails, encodes HTML5-compliant videos, and embeds locally hosted videos. Requires FFMPEG or LIBAV for encoding.
Detail Plugin Description

A plugin to make embedding videos, generating thumbnails, and encoding HTML5-compatible files a little bit easier.

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
  • The WordPress default player using MediaElement.js, which was introduced in WordPress version 3.6
  • JW Player (if their plugin is installed)
  • Adobe's Strobe Media Playback Flash player.

The Strobe Media Playback option hasn't been updated since 2011 and is not recommended, but I'm keeping it around for longtime users of this plugin who don't want to change. Most features of the plugin will work when using Strobe Media Playback, but new features will not be tested with it. Selecting Strobe Media Playback will default to a Flash video player if you're using a Flash-compatible file (flv, f4v, mp4, mov, or m4v). Otherwise it will use the Video.js player as a fallback.

No matter which player you use, the video will resize on the fly to fit the container it's in. There is no need to use FitVids.js and in fact FitVids.js will break playback for some players. If you provide multiple H.264 resolutions, the Video.js player can automatically select the one closest to the size of the player and provide a button for users to select the resolution manually. Because the player uses native controls on mobile devices, the manual resolution button is only available on desktop browsers.

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.

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. 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. You can generate as many or as few as you need (up to 99 at a time).

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.

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. Currently the Video.js and WordPress default players do not work with the "default" attribute but I will add the option to turn a text track on by default if that changes in the future. 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 alternate video formats automatically whenever a new video is uploaded to the media library, and there are buttons to generate thumbnails and alternate video formats for every video already in the media library.

By default the plugin looks for FFMPEG in /usr/local/bin but if the application is installed in a different place on your server, you can point it to the correct place in the plugin settings. Users running WordPress on Windows servers should try using Linux-style paths (with forward slashes instead of backslashes and a forward slash / instead of C:\).

If you have the proper libraries installed on your server, you can choose to replace your uploaded video with your preferred format, and generate as many as six additional formats depending on your original source. 1080p, 720p, and 360p H.264, same resolution WEBM and OGV, and a custom format. Different browsers have different playback capabilities. Most desktop browsers can play H.264, and all modern mobile devices can play at least 360p H.264. If you create multiple H.264 resolutions, the highest resolution supported by the device will be served up automatically. The plugin will not upconvert your video, so if you upload a 720p video, it will not waste your time creating a 1080p version. There was a time when it seemed like a good idea to provide OGV or WEBM for some desktop browsers, but Firefox supports H.264 playback in Windows & Linux now and will support it in Mac OS starting in November 2014. I no longer recommend encoding OGV or WEBM unless you expect a large number of no-Flash sticklers visiting your site, or if you're making an open source principled stand against H.264. However, your needs may vary.

The files will encode in the background and will take some time to complete, depending on your server setup and the length and size of your video. The plugin adds a Video Encode Queue menu to the Tools menu. You will see encoding progress, the option to cancel an encoding job, and you should get an error message if something goes wrong. Users on Windows servers may get inconsistent results with the encoding queue.

Encoded H.264 files can be fixed for streaming using "movflags faststart" introduced in recent versions of FFMPEG/LIBAV, or qt-faststart or MP4Box if you have one of them installed on your server and select it in the plugin settings. Without one of these options enabled, FFMPEG/LIBAV will place moov atoms at the end of H.264 encoded files, which in some cases forces the entire file to download before playback can start.

If you want to make OGV, WEBM, or H.264 files available and can't use the FFMPEG encode button, you can upload your own files to the same directory as the original and the plugin will automatically find them. For example, if your main file is awesomevid.mp4, the plugin will look for awesomevid-1080.mp4, awesomevid-720.mp4, awesomevid-360.mp4, awesomevid.webm and awesomevid.ogv as well. If your videos don't conform to that naming structure, you can manually assign them from the media library. No matter what format your original video is, you can use it in the shortcode and the plugin will attempt to find all compatible formats related to it. For example, you might have an AVI called awesomevid.avi which is not compatible with any browser, but if you have other formats encoded already, [KGVID]http://yoursite.com/awesomevid.avi[/KGVID] will ignore the incompatible AVI file, but find those other formats and embed them.

If you want to make it easier for users to save your videos to their computers, you can choose to include a link by checking the "Generate Download Link Below Video" button.

Sometimes for various reasons you might need to embed video files that are not saved in the WordPress Media Library. Maybe your file is too large to upload through the media upload form (if it is, I suggest the excellent "Add From Server" plugin), or maybe it's hosted on another server. Either way, you can use the tab "Embed Video From URL" in the Add Media window. Just enter the Video URL manually, and all other steps are the same as the Media Library options. The plugin will look for alternate encoded files in the same directory as the original, but this takes a long time when the video is on another server so it will only check for them once.

To embed videos on other sites you can use code like this.

<iframe src='http://www.kylegilman.net/?attachment_id=2897&kgvid_video_embed[enable]=true' frameborder='0' scrolling='no' width='640' height='360'></iframe>

Once you've filled in all your options, click "Insert into Post" and you'll get a shortcode in the visual editor like this

[KGVID poster="http://www.kylegilman.net/wp-content/uploads/2011/10/Reel-11-10-10-web_thumb2.jpg"
width="720" height="404"]http://www.kylegilman.net/wp-content/uploads/2006/09/Reel-2012-05-15-720.mp4[/KGVID]

= Translations included:=

I'm not really a software developer. I'm just a film editor with some time on his hands who wanted to post video for clients and wasn't happy with the current state of any available software. But I want to really make this thing work, so please help me out by posting your feedback on Github.

If you want to further modify the way the video player works, you can add the following options inside the `[KGVID]` tag. These will override anything you've set in the plugin settings or attachment details. If the plugin is installed on your site, this information is also available in the post edit help screen.

  • id="xxx" video attachment ID (instead of using a URL).
  • videos="x" number of attached videos to display if no URL or ID is given.
  • orderby="menu_order/title/post_date/rand/ID" criteria for sorting attached videos if no URL or ID is given.
  • order="ASC/DESC" sort order.
  • poster="http://www.example.com/image.jpg" sets the thumbnail.
  • endofvideooverlay="http://www.example.com/end_image.jpg sets the image shown when the video ends.
  • width="xxx"
  • height="xxx"
  • fullwidth="true/false" set video to always expand to fill its container.`
  • align="left/right/center"
  • inline="true/false" allow other content on the same line as the video
  • volume="0.x" pre-sets the volume for unusually loud videos. Value between 0 and 1.
  • mute="true/false" sets the mute button on or off.
  • controlbar="docked/floating/none" sets the controlbar position. Video.js only responds to the "none" option.
  • loop="true/false"
  • autoplay="true/false"
  • watermark="http://www.example.com/image.png" or "false" to disable.
  • title="Video Title" or "false" to disable.
  • embedcode="html code" changes text displayed in the embed code overlay in order to provide a custom method for embedding a video or "false" to disable.
  • view_count="true/false" turns the view count on or off.
  • caption="Caption" text that is displayed below the video (not subtitles or closed captioning)
  • description="Description" Used for metadata only.
  • downloadlink="true/false" generates a link below the video to make it easier for users to save the video file to their computers.
  • right_click="true/false" allow or disable right-clicking on the video player.
  • resize="true/false" allow or disable responsive resizing.
  • auto_res="true/false" let the plugin select the best resolution for the size of the player.

These options will add a subtitle/caption track

  • track_src="http://www.example.com/subtitles.vtt_.txt" URL of the WebVTT file.
  • track_kind=subtitles/captions/chapters
  • track_srclang=xx the track's two-character language code (en, fr, es, etc)
  • track_label="Track Label" text that will be shown to the user when selecting the track.

These options will only affect Video.js playback

These options will only affect Flash playback in Strobe Media Playback video elements. They will have no effect on other players.

  • autohide="true/false" specify whether to autohide the control bar after a few seconds.
  • playbutton="true/false" turns the big play button overlay in the middle of the video on or off.
  • streamtype="live/recorded/DVR" I honestly don't know what this is for.
  • scalemode="letterbox/none/stretch/zoom" If the video display size isn't the same as the video file, this determines how the video will be scaled.
  • backgroundcolor="#rrggbb" set the background color to whatever hex code you want.
  • configuration="http://www.example.com/config.xml" Lets you specify all these flashvars in an XML file.
  • skin="http://www.example.com/skin.xml" Completely change the look of the video player. Instructions here.

These options are available for video galleries (options work the same as standard WordPress image galleries)

  • gallery="true" turns on the gallery
  • gallery_thumb="xxx" width in pixels to display gallery thumbnails
  • gallery_exclude="15" comma separated video attachment IDs. Excludes the videos from the gallery.
  • gallery_include="65" comma separated video attachment IDs. Includes only these videos in the gallery. Please note that include and exclude cannot be used together.
  • gallery_orderby="menu_order/title/post_date/rand/ID" criteria for sorting the gallery.
  • gallery_order="ASC/DESC" sort order.
  • gallery_id="241" post ID to display a gallery made up of videos associated with a different post.
  • gallery_end="close/next" either close the pop-up or start playing the next video when the current video finishes playing.
More Information Wordpress Official Plugin Repository
Google

Top 100 Websites built with Wordpress plugin

16,079 favicon of DOWNLOAD.IR DOWNLOAD.IR
دانلود فارسی : نرم افزار، بازی، فیلم، کارتون و انیمیشن
20,552 favicon of MILFZR.COM MILFZR.COM
Free Incest Videos online - Watch free family sex taboo tubes and movies
33,283 favicon of GEEKDAD.COM GEEKDAD.COM
GeekDad - Raising Geek Generation 2.0
Shindiri Studio | Design - Web Design - Development - Marketing - Shindiri Studio
iTube247 - All the greatest videos in one place
HighQuality | The largest collection of online HD South Asian Movies, Forever 100% Free.Tamil | Telugu | Dubbed | Hindi | Malayalam | Bluray Movies Online
Wings Over Scotland| The problem voice of unthinking Scottish nationalism
SolveTube - Every Problem has a Solution
miBrujula.com - todo lo que se cuece en la redmiBrujula.com
53,176 favicon of UNEJ.AC.ID UNEJ.AC.ID
Universitas Jember
GearNuke - Daily Dose Of Gaming, Anime And Tech
Home - Fushion Magazine - Fashion, Beauty, Entertainment, Celebrity Interviews
The Science Of Eating
Love Taza | Rockstar Diaries
Sure News - Viral Videos - Latest, Breaking News
اخبار روز ایران - سایت خبری ایران-ایران
ingresoscpa.com |
DIY Home Decor & Design | Easy Recipes | The Art of Doing Stuff
RankTactics 101 - Improve Your Google Keyword Ranking Through Link Building Strategies and Dominate Search Engines.
KoUrSaRoS | Ο KoUrSaRoS του διαδικτύου!!!
Digital Media Role - SEO Techniques & Social Media News
Home - FeedPanda
Link Building & Content Marketing Blog | Digital Philippines
106,009 favicon of ORANGMUDA.TV ORANGMUDA.TV
Orang Muda TV
106,435 favicon of 1FUNNY.COM 1FUNNY.COM
#1 Clean Humor Website - Funny Cats, Cute Puppies, Funny Videos
Weed'em & Reap
WordPress Website Design - Intelligent Web
118,840 favicon of AMCIKLAR.ORG AMCIKLAR.ORG
Porno Türk Porno izle Mobil Sikiş Videoları Sex izle |
120,325 favicon of 92NEWSHD.TV 92NEWSHD.TV
92 News HD |
122,470 favicon of NETHUGS.COM NETHUGS.COM
Free Beautiful eCards: Inspirational, Friendship, Christian, Love, Angels, Holiday Greetings
Mad Patriots | Mad as Hell
125,388 favicon of SCHNAUZI.COM SCHNAUZI.COM
Schnauzi.com
125,490 favicon of AD4X.COM AD4X.COM
AD4X XXX Quebec Canada PORNO Sex Videos - AD4X Porn
128,958 favicon of VIDBOX.US VIDBOX.US
Free Adult Video Box
Comic Art Community
House and Leisure | SA's leading decor and leisure magazine
Informare Per Resistere. La vera libertà di stampa è dire alla gente ciò che non vorrebbe sentirsi dire.
Travel Quotidiano: Giornale specializzato nel turismo
Conversion: analityka internetowa i optymalizacja konwersji
tokusatsuindo.com
152,652 favicon of ZODDIRIK.COM ZODDIRIK.COM
Zoddirik Video İzle |
AkiEncontro | Se existe…Aki encontras!!!
Your Friend's House | Content served raw.
Home | Lyrical Nonsense
Home - Ivanka Trump
164,910 favicon of ARIATALK.COM ARIATALK.COM
سایت سرگرمی آریاتاک
Kitakubu | Your Gateway to Otaku News and Rumors
Blog Oh! Blog | Free WordPress Themes, Custom Blog Design, Premium WordPress Themes, WordPress Blog
hauspanther — CATS + DESIGN
170,439 favicon of RECAPPED.COM RECAPPED.COM
recapped nudity review
CareerHMO
HTML5 porn - No flash required
172,930 favicon of WABI.TV WABI.TV
WABI TV5 | Maine's News, Sports, And Weather Leader
Teen Boys Milk | Gay porn videos of cute teen boys on webcam
Big Dave's Crossword Blog
WannabeMag | Get Inspired
MEDIA TURF | FREE PORN DOWNLOAD
185,821 favicon of XAVFEVER.COM XAVFEVER.COM
http://www.xavfever.com/
196,235 favicon of XVID6.COM XVID6.COM
XXX Videos | Free Homemade Amateur Porn Tube
Dear Crissy | Lifestyle + Family by Crissy Page
199,358 favicon of LIMOONAD.COM LIMOONAD.COM
لیموناد - آموزش برای همه
Omnia Nightclub | Las Vegas and San Diego | Spring 2015 : Omnia
Home - TranxNews
Mags On The Move - Weird Activities and Awkward Encounters at home and abroad
Word Design Power | Great Designs Made Simple!
Bucetas Do Brasil: Videos de Bucetas gostosas,Videos porno e muito Mais!
Futbol Gurus | Noticias de Futbol
The Beauty Brains
237,914 favicon of XOBLER.COM XOBLER.COM
Register and start your free Blog
242,860 favicon of KTVA.COM KTVA.COM
KTVA Anchorage CBS 11 | First in Alaska. News, weather, sports, business and entertainment in High Definition.
iHarare | Zim News, Jobs, Education,Dating,Friends, Advice,Forums,Vacancies, Entertainment and so much more!!
Mr Thông thái - Cập nhật thông tin cho bạn —
251,341 favicon of FRMTV.COM FRMTV.COM
Canlı Yayın - FRM TV
Welcome to KPCL
Sri Lankan TV, FM Radio and Sinhala Teledrama - TV Online, Live Radio,Teledrama
DeepHentai
Sexto Round | Sua Pílula Diária de MMA
275,576 favicon of PEREFF.COM PEREFF.COM
Pereff Development Group » Home
Alisée – Hair Innovations
285,025 favicon of PALCS.ORG PALCS.ORG
Pennsylvania Leadership Charter School - PALCS - Cyber School in PA
Stiri Timisoara - Televiziunea Cetateanului
295,253 favicon of 45HABER.COM 45HABER.COM
45 Haber Manisa Haber Portalı - Manisa Haberleri | Doğru Güncel Haber
300,317 favicon of PRU14.TV PRU14.TV
Pilihanraya Umum ke 14
Technologic • Teknoloji Haberleri
DidatticarteBlog | insegnare ed imparare arte e creatività
304,686 favicon of INNOBASE.CN INNOBASE.CN
工业4.0研究院 - 引领第四次工业革命!
Erotic Hot Girls
Digital Spark Marketing Agency
308,241 favicon of NNHONEY.COM NNHONEY.COM
NN Honey | Probably the best site for NN Teens!
Bangkok Escorts Service | Outcall Girls & Outcall Massage Agency
Fake Referer - Hide your Traffic with a Faked Referer!
320,414 favicon of PERVLENS.COM PERVLENS.COM
Pervlens Media - award-winning UK adult content production!
322,255 favicon of SNAPTUBE.DE SNAPTUBE.DE
Snaptube - Die besten Video Schnappschüsse im Netz | Dein Streaming Video Portal mit tollen Videos zu Fun, Videoclips - Movies, Musik und Clips aus aller Welt - Snaptube das Videoportal
Sri Lanka Cricket
GamaTV El Canal de la Televisión Ecuatoriana
Mr Thông thái - Cập nhật thông tin cho bạn —
333,710 favicon of SEXYTUGA.COM SEXYTUGA.COM
SexyTuga.com - O blog mais sexy e louco da internet
Online Learning & Virtual Event Solutions | Event Learning Management System, Webinars, Webcasts, Conference Capture, Online Events, Online Learning Portal
342,567 favicon of NEXTEER.COM NEXTEER.COM
Nexteer Automotive – Ahead of the Curve
Main - EOC Institute