Play Button

Video Embed & Thumbnail Generator WordPress Plugin

A plugin for the WordPress visual editor to make embedding videos, generating thumbnails, and encoding HTML5-compliant files a little bit easier.

Download from WordPress

Installation

  1. Upload the entire video-embed-thumbnail-generator folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Make sure you have all your MIME types configured correctly. Many servers don’t have .mp4, .m4v, .ogv configured, and even more don’t have .webm. There are a number of ways to do this. In your public_html directory you can edit your .htaccess file and add the following lines:
    AddType video/ogg .ogv
    AddType video/mp4 .mp4
    AddType video/mp4 .m4v
    AddType video/webm .webm

    Optional:

    AddType video/mp4 .mov

    will help with IE playback of .mov files but could interfere with other QuickTime players.
    Or use your web host’s configuration panel (cpanel, etc) to add custom MIME types.

Just click the Add Media button to get started:

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.

Sample video:

[KGVID poster="http://www.kylegilman.net/wp-content/uploads/2013/05/Marriage-Ref-Frozen-Tundra-Promo_thumb131.jpg" width="730" height="410"]http://www.kylegilman.net/wp-content/uploads/2006/09/Reel-2012-05-15-720.mp4[/KGVID]
1,589 views

Sample gallery:

[KGVID gallery="true" gallery_include="2596,2750,2721,2719,2634,2591" gallery_orderby="rand" gallery_thumb="226"][/KGVID]

screenshot-2

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 responsive resizing for some players if it’s running on your site.

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"][/KGVID] 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 using the options listed below.

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, 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. You can 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 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.

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. 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 even choose to generate thumbnails and alternate video formats automatically whenever a new video is uploaded to the database.

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, you can choose to replace your uploaded video with an H.264 file of the same resolution, and generate as many as five additional formats depending on your original source. 1080p, 720p, or up to 480p H.264, WEBM, and OGV. Different browsers have different playback capabilities. Most desktop browsers can play H.264, and all modern mobile devices can play at least 480p 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 soon support it in Mac. I no longer recommend encoding OGV or WEBM unless you expect a large number of no-Flash sticklers visiting your site. 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.

screenshot-3

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 in the same directory as your encoder 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-480.mp4 (up to 480p H.264), awesomevid.webm and awesomevid.ogv as well. 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.

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

To embed videos on other sites you can use an iframe 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>

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

  • 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"
  • 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.
  • 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"
  • 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.

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

  • skin="example-css-class" Completely change the look of the video player. Instructions here.

These options will only affect Flash playback in Strobe Media Playback video elements. They will have no effect on HTML5 or Video.js playback.

  • 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_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.

For example

[KGVID autohide="false" loop="true" autoplay="true" 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-h264.mp4[/KGVID]

If you’re getting some use out of this plugin, please consider donating a few dollars to support its future development.

Developing on
GitHub_Logo

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.

FAQ

Why doesn’t my video play?

Most of the time your video doesn’t play because it’s not encoded in the right format. Videos have containers like mp4, mov, ogv, mkv, flv, etc and within those containers there are video and audio codecs like H.264, MPEG-4, VP8, etc. The best option for this plugin is an mp4 container with H.264 video and AAC audio. mp4s with MPEG-4 video will not play in the Flash player, and if you don’t use AAC audio you won’t get any audio.

Use MediaInfo to get really detailed information about your media files.

Why does my video have to download completely before it starts playing?

mp4/m4v/mov files have something called a moov atom that gives the video player information about the content of the video (dimensions, duration, codecs, etc). Depending on the program you used to make your video, the moov atom can be at the beginning or the end of the file. Most video players will wait until they find the moov atom before starting playback. Otherwise it doesn’t know how to display the information it’s downloading. If it’s at the beginning of the file, playback starts very soon after the user hits the play button. If it’s at the end of the file, the whole video has to download before playback starts.

There are a number of ways to fix this problem. Most video encoding programs have an option like “Web optimized,” “Streaming,” “Fast start,” or “Progressive download.” Try to find and enable that option in your program. If you can’t do that, there are programs designed to move the moov atom to the head of the file. Try QTIndexSwapperfor Adobe Air (cross platform), MP4 Faststart for Windows, or QTFastStart for Mac.

FFMPEG puts the moov atom at the end of the file, so this can be a problem. The plugin will fix this problem on newly encoded H.264 videos if you have a recent version of FFMPEG and enable the “movflags faststart” option in the plugin settings or if you have qt-faststart or MP4Box installed on your server.

Why doesn’t this work with YouTube?

WordPress already has a built-in system for embedding videos from YouTube, Vimeo, Dailymotion, etc. Just put the URL into your post and WordPress will automatically convert it to an embedded video using oEmbed. You don’t need this plugin to do that. If you’re trying to generate new thumbnails from YouTube videos, I’m not going to risk Google’s wrath by providing that functionality. I’m not even sure I could figure out how to do it anyway.

If you just want to change the skin or thumbnail of a YouTube video, use JW Player.

I’m getting an error message “FFMPEG not found at /usr/local/bin/. You can embed existing videos, but video thumbnail generation and Mobile/HTML5 video encoding is not possible without FFMPEG.”

First off, don’t panic.

This plugin can use FFMPEG or LIBAV to make thumbnails and create alternate video formats. Unfortunately most servers don’t have FFMPEG installed and most shared hosting plans don’t allow you to install FFMPEG because of the system resources it requires. You’re getting this error message because you don’t have FFMPEG installed in the most common directory. If you know you have FFMPEG installed on your server, you’ll need to find the actual path to the program and enter it in the plugin settings field Path to applications on server

Most of the features of the plugin will work without FFMPEG. You can generate embed shortcodes for your videos and make thumbnails on any host because that part of the plugin is JavaScript running in your browser. But without FFMPEG you won’t be able to automatically generate thumbnails or encode alternate formats on the server. If you don’t have your own VPS or dedicated server, Dreamhost is one of the few shared hosts I know of that has FFMPEG installed and available for users.

How can I encode videos in directories protected by .htaccess passwords?

Enter the username & password in the plugin settings “FFMPEG Settings” tab, or use the “Embed from URL” tab and enter the URL in this format http://username:password@yourdomain.com/uploads/2012/01/awesomevid.mp4 in the Video URL field.

Version History

Version 4.3

4.3 – March 18, 2014

  • Prepared plugin for internationalization. Translators welcome!
  • Finally paying attention to multisite. Several FFMPEG settings and the encode queue are now controlled at the network level if the plugin is network activated.
  • Added JW Player option if the JW Player WordPress plugin is active.
  • Added video subtitle/captions support.
  • Revised and simplified video gallery popup method. Switched to lighter SimpleModal plugin and no longer loading jQuery-ui libraries.
  • Added “gallery_ended” shortcode attribute to set an action when a pop-up video gallery video ends.
  • Added next and previous buttons to navigate between pop-up video gallery items.
  • Updated Video.js to version 4.4.3
  • Strobe Media Playback is now deprecated. New features added to the plugin might not work if this player is selected.
  • Added option to add a watermark to videos encoded with FFMPEG/LIBAV.
  • Added option to automatically generate multiple thumbnails when a video is uploaded.
  • Added option to encode more than one video at the same time.
  • Added option to turn on video download link by default.
  • Added option to set video preload attribute.
  • Added list of shortcode attribute options to the post edit help tab.
  • Added “order” and “orderby” shortcode attributes to sort videos embedded without a URL or ID specified.
  • Added float to inline videos to allow text to wrap around them.
  • Added play button overlay to gallery thumbnails when using WordPress Default player.
  • Applied video alignment setting to video galleries for center and right justifying galleries.
  • Now only loading plugin-related JavaScripts when the shortcode is used on the page and moved links to the footer to speed up page loading.
  • Added wpdb->prepare to all database queries for increased security.
  • Added nonce check when recording video play counts for increased security.
  • Fixed bug that broke responsive resizing in IE 8 and for all videos with apostrophes in their titles.
  • Fixed bug that disabled FFMPEG if the path to WordPress had spaces in it.
  • Fixed bug that generated an error if the exec function was disabled on the server using suhosin or safe mode.
  • Fixed bug that caused video encode problems when FFMPEG output contained special characters.
  • Fixed bug that generated misaligned play button arrows in some themes when using the Video.js player.
  • Fixed bug that sometimes generated jagged rows in galleries with mixed aspect ratios.
  • Fixed bug that attempted to generate thumbnails using FFMPEG if a user had previously installed FFMPEG, disabled in-browser thumbnails, then disabled FFMPEG.
  • Fixed several user capability related bugs related to users who were not assigned any roles and capabilities that were not assigned to any roles.
  • Changed video title overlay z-index to 103 to avoid floating over other elements.

Version 4.2

4.2.9 — November 15, 2013

  • Fixed bug that interfered with database queries that do not have post_meta (The Events Calendar revealed the bug, but it likely had an effect on other plugins).
  • Fixed bug that assigned auto-encoded videos to nobody.
  • Restored process to set featured image for video attachments when thumbnails are assigned.

4.2.8 – November 11, 2013

  • Updated Video.js to version 4.3.0.
  • Fixed iframe embedded video auto-sizing bug.
  • Improved sizing of videos using the WordPress Default player.
  • Removed shortcode text from RSS feeds.
  • Now checking for cross-origin when making thumbnails. If video files are hosted on a different domain FFMPEG will make thumbnails to avoid cross-origin errors when saving canvas elements.
  • Fixed bug that assigned auto-generated thumbnails to nobody.
  • Fixed bug that would cause divide by zero errors when generating thumbnails from .mpg videos that had already encoded an alternate format with FFMPEG.

4.2.7 – October 24, 2013

  • Fixed several video sizing issues.
  • Updated Video.js to version 4.2.2.
  • No longer loading Video.js files when using the WordPress Default player.
  • Restored [/KGVID] closing tag to inserted gallery shortcodes to avoid confusion if more than one is in the post.
  • Changed Settings and Donate links on Installed Plugins admin page and fixed 404 error on network dashboards.

4.2.6 – October 19, 2013

  • Fixed bug that broke playback in some cases when using the shortcode without a URL.
  • Fixed bug that ignored width and height saved in the attachment meta if width and height were not set in the shortcode.
  • Fixed bug that broke WordPress Default player when embedding M4V files.
  • Removed line breaks from generated code to avoid adding extra line breaks in the rendered video in some situations where wpautop is run after the code is created.

4.2.5 – October 12, 2013

  • Fixed bug that disabled FFMPEG when other plugin settings were changed.

4.2.4 – October 12, 2013

  • Fixed bug that ignored "Enlarge lower resolution videos to max width" plugin setting after thumbnails were generated.
  • Fixed bug that caused in-browser thumbnail generation to fail after switching between several attachments in Chrome.
  • Fixed bug that prevented fallback to FFMPEG/LIBAV when the video format was not compatible with the browser.
  • Fixed bug that lost disabled plugin settings if the "Save Changes" button was pressed.
  • Fixed bug that fixed moov atom incorrectly when using qt-faststart.
  • Added verification of the "Path to applications folder on server" setting to strip extra slashes and unnecessary subfolders.
  • Added "Fixing moov atom for streaming" section to FFMPEG test output.
  • Added legacy FFMPEG libx264 flags manually so we don't have to rely on finding vpre files.
  • Now multiplying H.264 level flags by 10 for better compatibility.
  • Removed unnecessary & inconsistent check for existing thumbnail files on attachment pages.

4.2.3 – October 9, 2013

  • Fixed bug that caused encoding on Windows servers to hang and not show progress.
  • Fixed bug that only disabled right-clicking when using the Video.js player.
  • Fixed bug that prevented encoding videos from the External URL tab.
  • Fixed bug that showed an empty "Replace original with H.264" checkbox if the filename changed.
  • Better error reporting when encoding or auto thumbnail creation fails.
  • Modified method for determining video's dimensions from FFMPEG/LIBAV output. This will cause videos with single-digit resolutions to fail.
  • Adjusted video gallery CSS.

4.2.2 – October 7, 2013

  • Fixed bug that was setting the global $content_width to 2048 on every page.

4.2.1 – October 6, 2013

  • Featured images are now set for the post currently being edited, which does not have to be the video's parent.
  • Rounded offset values when generating thumbnails with FFMPEG and LIBAV for backwards compatibility with older versions of FFMPEG.
  • Added check to ensure server supports ImageMagick or GD libraries necessary to save thumbnails created in the browser.
  • Added check to avoid saving thumbnails twice.
  • Fixed saving disabled plugin settings.
  • Changed FFMPEG encoding string to double quotes for Windows compatibility.

4.2 - October 5, 2013

  • THUMBNAILS FOR EVERYBODY! Added in-browser thumbnail generation. Any video in the media library that can be played natively in the current browser can now be used to generate thumbnails without requiring special software on your server.
  • Updated shortcode to support the simplest possible implementation: . Without any additional information, it will automatically find and display all videos attached to the post.
  • Added "id" and "videos" attributes to shortcode to display specific video IDs or show a specific number of attached videos.
  • If a video thumbnail is set, the video will now use its thumbnail as an icon in the WordPress admin area instead of the generic "video" icon.
  • To avoid clutter, additional video formats encoded by the plugin are now hidden from lists of media, unless "Video" is specifically selected.
  • When a master video is deleted and additional video formats are not deleted, the next highest quality format automatically becomes the master video.
  • Updated Video.js to version 4.2.1, updated the included skin to work with it, and removed the unused image video-js.png.
  • Added option to use the WordPress default video player introduced in WordPress version 3.6.
  • Added buttons to choose thumbnails, end of video image, and watermark from the media library.
  • Added option to add Open Graph tags for posting videos on Facebook. However, for the many Facebook users who browse with https, your own videos must be served via https in order to work.
  • Added options to automatically generate a thumbnail and encode videos to multiple formats as soon as they are uploaded (FFMPEG/LIBAV only).
  • Added option to disable responsive video resizing.
  • Added options to restrict thumbnail making and video encoding to particular user roles.
  • Added option to enter username and password to give FFMPEG/LIBAV access to .htaccess protected videos.
  • Added option to disable right-clicking on videos.
  • Added option to replace original video file with an H.264 video of the same resolution.
  • Added advanced FFMPEG/LIBAV encoding options. New options include choice between Constant Rate Factor and Average Bit Rate, H.264 profiles and levels, audio bit rate, disabling nice on Linux, and the ability to encode with more than one thread.
  • Added -movflags faststart option available in newer versions of FFMPEG/LIBAV, eliminating the need for qt-faststart or MP4Box.
  • Added a test encoding output on the settings page for easier troubleshooting.
  • Split plugin settings page in to two tabs.
  • Fixed saving plugin settings when multiple settings are changed rapidly.
  • No longer starting video encodes using nohup command on Linux servers.
  • FFMPEG vpre flag switched from slow to fast.
  • Enabled actual support for encoding with libfdk_aac, and the experimental built-in aac encoder as a last resort.
  • Fixed cases where the encode queue would not advance if an unexpected error happened.
  • Fixed encoding library messages so the errors are saved to the encode queue and don't disappear immediately.
  • Changed endOfVideoOverlay and endOfVideoOverlaySame options to lowercase.
  • Revised method for determining if a video URL refers to an attachment in the WordPress database to account for differences between urls using http and https and filenames that slip into the database with spaces intact.

Version 4.1

4.1.5 – June 30, 2013

  • Updated Video.js to version 4.1.0
  • Restored code to show captions and download links in gallery pop-ups.
  • Fixed conflict with fitVids.js by disabling the function whenever a video is embedded with the KGVID shortcode. fitVid.js is not compatible with the Video.js player and is not necessary to make videos responsive when you are using this plugin.
  • Increased bitrate of encoded videos.
  • Increased play button circle thickness and triangle size.
  • Made video title overlay background slightly transparent and the title width fluid through CSS rather than JS.

4.1.4 – May 30, 2013

  • Updated Video.js to version 4.0.3 which includes fixes when hitting esc to exit fullscreen that this plugin had previously dealt with through additional JavaScript.
  • Restored ability to use percentages for video width (I didn't even know you could do this before and I apologize for breaking it arbitrarily).
  • Fixed Video.js play button triangle vertical alignment problem on many themes (where were all the complaints on this one?) and tweaked the :hover settings.
  • Moved play button overlay behind gallery thumbnail title if they happen to overlap.
  • Changed WordPress user capability required to access plugin settings menu page from 'administrator' to 'manage_options' to allow access to multisite Super Admins and anyone else who has the manage_options capability.

4.1.3 – May 25, 2013

  • Updated Video.js to version 4.0.2 which is supposed to solve IE play-button loading issues.
  • Added option to show image at end of video in Video.js player (similar to the feature already available in Strobe Media Playback).
  • Fixed bug that ignored gallery_id setting in gallery shortcodes and was preventinggallery_include setting for videos that are not children of the current post.
  • Brought download link into shortcode rather than old method of inserting it into the post as text below the shortcode.
  • Automatically adjust pop-up gallery window height to display captions, view counts, and download links.
  • Rolled back responsive video resize method. Only the width of the immediate container will be used to calculate the correct size.
  • For very small videos, Video.js controls are now selectively removed as the width drops below 260 pixels to prevent them from dropping outside of the video window.

4.1.2 - May 23, 2013

  • Changed check for FFMPEG to use the H.264 sample video as input to avoid any PNG-related red herrings.
  • Added -f mjpeg to thumbnail-generating command to maintain compatibility with versions of FFMPEG that can't figure it out on their own.

4.1.1 - May 21, 2013

  • Removed second argument from json_encode() which caused video setup & resizing features to fail when servers were running PHP 5.2.

4.1 - May 19, 2013

  • Updated Video.js to version 4.0 and created a new skin that approximates the old one. Older versions of Video.js had some security holes, so this update is highly recommended.
  • Significantly reduced inline JavaScript generated by the plugin.
  • Fixed bug that disabled Strobe Media Playback player and caused "TypeError: Error #1034" messages, particularly in Internet Explorer.
  • Fixed bug that caused view count to be replaced by complete views when the end of the video is reached.
  • Fixed bug that disabled video encode status monitoring in media modal popup when the same video was already in the post edit window.
  • Fixed missing "document." in JavaScript when choosing thumbnails which prevented some users from properly selecting and saving generated thumbnails.
  • Fixed bug that displayed WordPress thumbnail-sized poster image if no poster URL was in shortcode.
  • Tweaked video resize method to support more kinds of themes.
  • Added ability to turn off watermark on individual videos by entering watermark="false"in the shortcode.
  • Added option to disable embedding on other websites.
  • Added option to allow videos to be placed next to each other on the page.
  • Added support for AAC library libfdk_aac.
  • Adjusted embedded video and gallery CSS to account for colored backgrounds.
  • Renamed "Poster image" plugin setting to "Default thumbnail"
  • Removed post meta box below post editing window until I can work out a way to generate them without disabling video encode status monitoring in media modal popup when the same video is already in the post edit window.
  • Replaced deprecated ereg PHP function with preg_match and used a more precise regular expression when determining the height and width of videos.

Version 4

4.0.3 - May 01, 2013

  • Fixed bug that caused video control text to display below videos on iPhones.
  • Changed method for saving video plays to the database. Now more secure and accurate.

4.0.2 - April 25, 2013

  • Plugin settings are no longer re-saved to the database on every page load. Should speed things up a little.
  • Changed CSS to discourage theme styles from overriding embed code overlay styles.

4.0.1 - April 23, 2013

  • Added options to display video title and embed code overlays on video player, and captions and view counts below videos.
  • Added option to filter your theme's video attachment page template to display the video instead of WordPress's default behavior of just showing the title of the video. For backwards compatibility retained old method of completely replacing the video attachment template with a video player.
  • Redesigned settings page to save using AJAX, and added a sample video player so changes are seen immediately.
  • Added iframe method to embed your videos on other websites.
  • Additional video formats encoded by the plugin are now added to the WordPress database as video attachments. To avoid a Russian nesting doll scenario these child attachments do not have the fields for creating thumbnails and encoding additional formats.
  • Changed encoded H.264 extensions from .m4v to .mp4 to increase compatibility with WordPress 3.6's new video capabilities. Existing M4V files will still work.
  • Checks only one time for alternate video sources when videos are embedded from other servers. This should speed up page load times considerably.
  • Added ability to rotate and replace the original file for videos recorded vertically on cell phones.
  • Added post meta box to posts with embedded videos that lists alternate formats found for each video.
  • Added option to set a post's featured image to the most recently generated thumbnail, and a button to set all previously generated thumbnails as featured images.
  • Added option to save generated thumbnails as children of either the video or the post the video is attached to, and a button to convert all thumbnails to the chosen hierarchy.
  • Added option to delete associated thumbnails and additional encoded video formats when original video attachment is deleted.
  • Added backwards compatibility for WordPress versions 3.2 and above.
  • If Strobe Media Playback player is selected, the Video.js player is used in situations where Flash doesn't work (webm, ogg playback) instead of the ugly default browser players.
  • Added watermark, view counts, volume attribute, and Google Analytics event tracking when using Strobe Media Playback player.
  • Added alignment option to center or right-justify videos.
  • Revised video player setup to properly resize the player if the containing DIV is smaller than the video, and resize again if the window size changes (or orientation changes on Android).
  • No matter which player is selected, iOS now displays the built-in controls so AirPlay works.
  • Added schema.org videoobject markup for improved SEO.
  • Fixed FLV embedding with Video.js player and improved selection of embedded formats for Strobe Media Playback.
  • Adjusted video gallery CSS and added a play button overlay to gallery thumbnails.
  • Adjusted watermark and Video.js play button CSS so the overlays don't overwhelm small videos.
  • Set Video.js controls to fade out on autoplay and on iOS, without having to mouseover the video.
  • Fixed endless "loading" spinner shown at the end of videos in some browsers in Video.js player.
  • Clicking "Insert into post" immediately after upload without changing any options now inserts shortcode instead of just the title of the video.
  • Inserting shortcode without a thumbnail no longer attempts to save the nonexistent thumbnail. Thumbnail cleanup is handled better.
  • Fixed error message "array_key_exists() expects parameter 2 to be array" when shortcode didn't have attributes.
  • Escaped all shell commands for increased security.
  • Fixed bug that made "Encode" button disappear if all formats were checked.
  • Fixed missing argument for kgvid_clear_completed_queue() when scheduling cleanup.

4.0 - April 22, 2013

  • Accidental release caused by programmer's incompetence.

Version 3.1

3.1.1 - March 5, 2013

  • Fixed missing ) in uninstall.php

3.1 - January 30, 2013

  • Added video watermark overlay option. (Video.js only)
  • Changed front-end CSS file name to kgvid_styles.css and made it always available, not just when galleries are on the page.
  • Removed my watermark testing logo which was accidentally inserted above videos in version 3.0.3.
  • Added option to choose -b:v or legacy -b flags when encoding. Recent FFMPEG versions only accept -b:v.
  • Added automatic encode queue cleanup. Any completed entry older than a week will be removed.
  • Added deactivation hook to remove queue and scheduled queue cleanup on deactivation.
  • Added uninstall.php to remove settings from the database on uninstall.
  • Disabled "Delete Permanently" link while encoding is canceling.
  • Checked for escapeshellcmd. If it's disabled on the server, encoding can't start.
  • Fixed insert title and download link checkboxes. They will actually insert something now.
  • Changed method for determining if a video has been played or paused and played again, for counting purposes.
  • Fixed check for mime type when generating H.264 video encode checkboxes to avoid showing options for QuickTime files that are higher resolution than the original video.

Version 3

3.0.3 - January 29, 2013

  • Fixed bug that added a blank line to JavaScript embedded in the page if "volume" wasn't set in the short code (Video.js only).
  • If video player is set larger than the containing DIV and the player size is reduced to fit, the height is now rounded to the nearest integer.

3.0.2 - January 24, 2013

  • Fixed bug that permanently disabled buttons on the Embed Video from URL tab.
  • Disabled "Delete Permanently" option for encoded files found on other servers.
  • Reduced the jQuery UI Dialog css and put it in its own scope to avoid conflicts with existing jQuery UI Dialog themes.
  • Cleaned out some leftover code.

3.0.1 - January 24, 2013

  • Fixed bug that inserted empty options into gallery shortcodes.

3.0 - January 23, 2013

  • Updated to provide compatibility with several media changes in WordPress 3.5. With this version, thumbnail generating & video encoding will only work in WordPress 3.5 and above.
  • Added popup video gallery.
  • Changed shortcode tag to [KGVID]. Retained [FMP] for backwards compatibility.
  • Added Video.js player option. Older Strobe Media Playback Flash player is still included for backwards compatibility, but Video.js is highly recommended.
  • Added video play counting which is recorded to the WordPress database (Video.js only).
  • Added Google Analytics event tracking for video plays (Video.js only)
  • Added ability to encode multiple H.264 video resolutions.
  • Added video encoding queue.
  • Added qt-faststart and MP4Box processing to MP4/M4V H.264 videos encoded by the plugin to allow playback of videos as they download.
  • Added option to change default number of thumbnails generated by the plugin.
  • Changed any https FFMPEG input to http.
  • Thumbnail images are now added to the WordPress database as soon as they are selected.
  • Added option to use LIBAV instead of FFMPEG for thumbnail generating and video encoding.
  • Added wmode parameter to fix Chrome z-index issue. (Strobe Media Playback only)
  • Improved swfobject.js script enqueuing method to prevent conflicts (Strobe Media Playback only)
  • Rewrote plugin settings to work with the WordPress plugin settings API.
  • Removed dropdown list for embedding alternate encoded formats of video. All formats are made available to the player and the browser chooses best compatible format.
  • Removed mdetect.php and removed forced downgrading of quality when on mobile devices. Mobile browsers now automatically choose best compatible format.

Version 2

2.0.6 - April 27, 2012

  • Removed swfobject.js from the plugin package. Now using the one included with WordPress. WordPress 3.3.2 contains a security fix for swfobject.js and the plugin will use the fixed version if you have upgraded WordPress (which is highly recommended).
  • Added setting to customize the formatting of titles inserted by the plugin.
  • Added settings to display a custom image when videos end instead of the first frame of the video (Flash only).
  • Fixed problem with embedded FLV files giving message "Argument Error – Invalid parameter passed to method" when loading poster images.

2.0.5 - April 20, 2012

  • Fixed "Wrong datatype for second argument" error on line 339 and subsequent automatic replacement of original videos with Mobile/H.264 versions whether they exist or not.

2.0.4 - April 19, 2012

  • Once again changed the process checking for FFMPEG installations. Should be universal now.
  • Added setting to turn on vpre flags for users with installed versions of FFMPEG old enough that libx264 requires vpre flags to operate.
  • Added setting to replace the video attachment template with a page containing only the code necessary to display the video. Makes embedding your hosted videos on other sites easier.
  • Fixed progress bar for older versions of FFMPEG.
  • Added Flash fallback when OGV or WEBM videos are embedded.
  • Removed restriction on number of thumbnails that can be generated at once and added a cancel button while generating thumbnails.

2.0.3 - February 24, 2012

  • When working with file formats that can't be embedded (WMV, AVI, etc) the option to embed the original file will be disabled if Mobile/H.264, WEBM, or OGV files are found.
  • Changed encoding bitrate flag back to -b instead of -b:v to retain compatibility with older versions of FFMPEG.
  • Cosmetic changes in encoding progress bar.
  • No longer deleting encoded files if progress can't be properly established.
  • Added "nice" to the encode commond (not on Windows) to prevent FFMPEG from overusing system resources.

2.0.2 - February 21, 2012

  • Fixed check for FFMPEG to work with Windows.

2.0.1 - February 21, 2012

  • Fixed check for FFMPEG again. Should be more universal.

2.0 - February 20, 2012

  • Large rewrite to fix several security issues. Full server paths are no longer exposed in the Media Upload form, all AJAX calls are handled through wp_ajax, and nonces are checked.
  • Added video encoding progress bar on Linux servers.
  • Added button to cancel encoding.
  • Added option to encode 720p or 1080p H.264 videos.
  • Changed requirements for AAC encoding. Will work with libfaac or libvo-aacenc.
  • Improved error reporting to help diagnose problems.
  • Videos recorded on phones in portrait mode (tall and skinny) will not end up sideways if FFMPEG version .10 or later is installed.
  • Thumbnail generation process uses fancy jQuery animation.
  • Fixed check for FFMPEG. Should actually work in Windows now.
  • Fixed unenclosed generate, embed, submit, delete strings in kg_call_ffmpeg

Version 1.1

1.1 - January 8, 2012

  • Includes Strobe Media Playback files so Flash Player is now hosted locally, which allows skinning.
  • Added skin with new, more modern looking play button. Upgraders should check the plugin settings for more details.
  • Fixed "Insert into Post" button in "Embed from URL" tab when editor is in HTML view mode. Used to do nothing! Now does something.
  • Added option to override default Mobile/HTML5 encode formats for each video
  • Added check for FFMPEG. Generate & Encode buttons are disabled if FFMPEG isn't found.

Version 1

1.0.6 - November 6, 2011

  • Resetting to defaults on the plugin settings page resets to actual values now, instead of undefined constants.

1.0.5 - November 6, 2011

  • Fixed "Embed from URL" thumbnail creation. Generated thumbnails don't disappear anymore.

1.0.4 - November 4, 2011

  • More thorough check made for existing attachments before registering poster images with the WordPress Media Library. Avoids registering duplicates or medium/small/thumb image sizes if they're used as poster image.
  • Added loop, autoplay, and controls options to HTML5 video elements.
  • When saving attachments, won't try to delete thumb_tmp directory if it doesn't exist.

1.0.3 - October 27, 2011

  • Revised thumbnail cleanup to make sure temp files aren't deleted when generating thumbnails for more than one video at a time.

1.0.2 - October 21, 2011

  • Fixed a shocking number of unenclosed stings in get_options() calls. Bad programming. Didn't affect functionality, but will stop generating errors.
  • Removed clumsy check for FFMPEG running. Was preventing encoding if ANY user on the server was running FFMPEG. Be wary of overusing your system resources though.

1.0.1 - October 21, 2011

  • Quick fix to add mdetect.php to the plugin package from WordPress

1.0 - October 20, 2011

  • Huge re-write.
  • Integrated with WordPress Media Library and added WEBM support.
  • Increased control over thumbnail generation.
  • Added tab to Insert Video dialog box for adding by URL (like the old version).

Version 0.2

0.2.1 - October 9, 2011

  • Check made to ensure iPhone/iPod/Android compatible encode video height is an even number when HTML5 video encodes are made.

0.2 - January 18, 2011

  • First Release
363 replies
« Older Comments
  1. Alex
    Alex says:

    For some reason I can’t the plugin to recognize ffmpeg. I’m changing the path in the setting, but still no luck. I even asked customer service with my hosting company. This is what I got:

    “Unfortunately this error doesn’t make much sense. ffmpeg is installed and functioning properly, and nothing is blocking PHP from using it. I even tried pointing it directly to the ffmpeg directory (/usr/local/bin/ffmpeg is a symlink) with no luck. Do you know if there’s a version requirement for this script? Your current ffmpeg version is SVN-r14473 ”

    Do you have any idea what the issue might be?

    Reply
    • Kyle
      Kyle says:

      Accessing FFMPEG is one of the most difficult things this plugin does. I try to make it work on all kinds of servers (including Windows) that have all kinds of configurations I can only guess at. Look through the change log and you’ll see more entries for changing the FFMPEG test method than anything else.

      Try entering this at the command line: /usr/local/bin/ffmpeg -i /path/to/wordpress/wp-content/plugins/video-embed-thumbnail-generator/flash/skin/images/PlayNormal.png /path/to/wordpress/wp-content/uploads/2013/05/ffmpeg_exists_test.jpg

      Replace /path/to/wordpress with your full path to WordPress which would usually be something like /home/username/public_html/

      Reply
      • Alex
        Alex says:

        It looks like I can not access ffmpeg when I ssh in – ffmpeg is highlighted pink in putty, broken symbolic link? Anyways, before I ask support about this, is the ffmpeg version on my server okay? SVN-r14473

        Thanks.

        Reply
        • Kyle
          Kyle says:

          I can’t possibly keep track of all the FFMPEG SVN revision numbers, but as far as I know, every version of FFMPEG can work with the plugin.

          Reply
          • Alex
            Alex says:

            Here is what I got trying that command you recommend:

            [root@koko.kokokolario.com /home/koko/public_html]$ /usr/local/bin/ffmpeg -i /home/koko/public_html/wp-content/plugins/video-embed-thumbnail-generator/flash/skin/images/PlayNormal.png /home/koko/public_html/wp-content/uploads/2013/05/ffmpeg_exists_test.jpg
            FFmpeg version SVN-r14473, Copyright (c) 2000-2008 Fabrice Bellard, et al.
            configuration: –prefix=/usr/local/cpffmpeg –enable-shared –enable-nonfree –enable-gpl –enable-pthreads –enable-liba52 –enable-libamr-nb –enable-libamr-wb –enable-libfaac –enable-libfaad –enable-libmp3lame –enable-libtheora –enable-libvorbis –enable-libx264 –enable-libxvid –extra-cflags=-I/usr/local/cpffmpeg/include/ –extra-ldflags=-L/usr/local/cpffmpeg/lib –enable-cross-compile
            libavutil version: 49.7.0
            libavcodec version: 51.62.0
            libavformat version: 52.18.0
            libavdevice version: 52.0.0
            built on May 15 2009 18:29:24, gcc: 4.1.2 20080704 (Red Hat 4.1.2-44)
            [image2 @ 0x8ad22d0]Could not find codec parameters (Video: png)
            /home/koko/public_html/wp-content/plugins/video-embed-thumbnail-generator/flash/skin/images/PlayNormal.png: could not find codec parameters

            Do I have to rebuild ffmpeg with zlib?

            Thanks for your quick responses!

            Reply
            • Kyle
              Kyle says:

              Well, there you go. One more thing I had no idea about. FFMPEG does appear to require zlib to open PNG files. FFMPEG isn’t supposed to require you to turn it on manually though, so that indicates that when FFMPEG was compiled your server didn’t have zlib enabled or because you’re using that ancient version then FFMPEG didn’t include it automatically. Out of curiosity, if you’re able to rebuild FFMPEG, why are you using that 5-year-old version?

              I will work on an update to avoid using PNG files in my test, since they aren’t actually required for the rest of the plugin. I just had no idea it was possible to make a version that couldn’t read them.

              ETA: Can you try this out on the command line?

              /usr/local/bin/ffmpeg -i /path/to/wordpress/wp-content/plugins/video-embed-thumbnail-generator/images/sample-video-h264.mp4 /path/to/wordpress/wp-content/uploads/2013/05/ffmpeg_exists_test.jpg

              Reply
              • Alex
                Alex says:

                The rebuild was an option given by support – a $65 an hour option. So you’re saying zlib is not required to make the plugin work?

                I’m still trying to figure out why the plugin can’t see FFMPEG on my server..

                Thanks again.

                Reply
                • Kyle
                  Kyle says:

                  Yikes. Do not pay for that. Did you try the new command I posted?

                  The plugin doesn’t find FFMPEG on your server because it looks indirectly. Simply checking that the path /usr/localbin/ffmpeg exists doesn’t work because some servers hide those folders and on Windows everything is different. So in order to “find” FFMPEG the plugin executes a command that I thought would work with any build of FFMPEG. However, it does not work with your build, so it fails the test.

                  Reply
  2. Tomas
    Tomas says:

    Hi Kyle,
    thanks for integrating the “disable video embedding” function – great!
    Today I have two other questions:
    1) how do I get the URL of a video to use it in my custom type template for a lightbox? (is it just an attachment?)
    2) we don’t have ffmpeg on the server and my client doesn’t want to use it anyway. But I’d like to have a simple way of adding a video thumbnail and was thinking about using the post thumbnail. Is there a simple way of doing this? A hook maybe? :-)
    Thanks a lot!

    Reply
    • Kyle
      Kyle says:

      1) You can’t just use a URL to show in a lightbox because the embed disabling feature you requested involves disabling that capability. What you probably want is do_shortcode(). You could create it dynamically with post_meta fields.

      2) When you create the shortcode string in your template, you could pull get_post_thumbnail_id() and then use that to generate a url for the “poster” attribute. Depending on your media setup you’ll probably want the medium-sized version of the image or a custom size. Here’s an example for the whole process. You’ll probably want to throw in some error catching:

      $shortcode = '[KGVID ';
      $post_thumbnail_id = get_post_thumbnail_id();
      $poster = wp_get_attachment_image_src( $post_thumbnail_id, 'medium');
      $shortcode .= 'poster="'.$poster[0].'"';
      $movie_url = get_post_meta( get_the_ID(), 'video_url' );
      $shortcode .= ']'.$movie_url.'[/KGVID]';

      My example assumes you’ve entered the video file’s url in the post_meta field “video_url” but you could also enter the video’s attachment ID and then use that to get the video’s url the same way you got the poster url. Or to be really fancy about it, if you’ve attached the video to the custom post, you could find the post’s first video attachment using get_children() and figure out the URL from there so you or the user wouldn’t need to enter any post_meta.

      $shortcode = '[KGVID ';
      $post_thumbnail_id = get_post_thumbnail_id();
      $poster = wp_get_attachment_image_src( $post_thumbnail_id, 'medium');
      $shortcode .= 'poster="'.$poster[0].'"';
      $args = array(
      'numberposts' => 1,
      'post_mime_type' => 'video',
      'post_parent' => get_the_ID(),
      'post_status' => null,
      'post_type' => 'attachment',
      );
      $video_attachments = get_children($args);
      $movie_url = wp_get_attachment_url( $video_attachments[0]->ID );
      $shortcode .= ']'.$movie_url.'[/KGVID]';

      I haven’t tested this at all, but the basic outline should be correct.

      Reply
      • Tomas
        Tomas says:

        Great! I tried the second code and it really inserts the thumbnail into the player! :)
        But for now, the video won’t play.

        I get two notices
        Notice: Undefined offset: 0
        Notice: Trying to get property of non-object

        in relation to the line
        $movie_url = wp_get_attachment_url( $video_attachments[0]->ID );

        I send you the URL of the page via email so maybe you can have a look at it?
        Thanks a lot!

        Reply
        • Kyle
          Kyle says:

          I was wrong about using $video_attachments[0]. get_children returns an object not an array. Like I said, I didn’t test this out. Figure out how to access the ID of the first element that get_children returns. Your best bet is probably doing a for each loop on $video_attachments.

          Reply
          • Tomas
            Tomas says:

            I got it working :)

            ………………………..
            $shortcode = ‘[KGVID ';
            $post_thumbnail_id = get_post_thumbnail_id();
            $poster = wp_get_attachment_image_src( $post_thumbnail_id, 'medium');
            $shortcode .= 'poster="'.$poster[0].'"';
            $args = array(
            'numberposts' => null,
            'post_mime_type' => 'video',
            'post_parent' => get_the_ID(),
            'post_status' => null,
            'post_type' => 'attachment',
            );
            $video_attachments = get_posts($args);
            $movie_url = wp_get_attachment_url( $video_attachments[0]->ID );
            $shortcode .= ']'.$movie_url.'[/KGVID]‘;
            echo do_shortcode(“$shortcode”);

            ………………………..
            One last question:
            How can I show the number of views within the loop?
            I wanna show it on the page with all clips (for each clip).
            I didn’t find an entry for it in the database.

            Reply
              • Tomas
                Tomas says:

                I can’t get this work.
                I wrote something like this:

                echo intval(get_post_meta($post->ID, ‘_kgflashmediaplayer-starts’, true))

                The result is always “0″

                My loop looks something like this (I stripped down all the html):

                ‘playing’,
                ‘nopaging’ => true
                );

                $the_query = new WP_Query( $args );

                while ( $the_query->have_posts() ) : $i++;
                $the_query->the_post(); ?>

                ID, ‘_kgflashmediaplayer-starts’, true)) ?>

                …………….
                What could be wrong with it?

                Reply
                • Kyle
                  Kyle says:

                  It’s hard to read all of that since WordPress is doing all kinds of reformatting. Put any code you post between code tags to retain the formatting.

                  Are you sure that the value’s not 0? Can you see the _kgflashmediaplayer-starts field in phpmyadmin? Also, I think inside the loop you’re better off using get_the_ID() instead of $post->ID

                  Reply
                  • tokkajump
                    tokkajump says:

                    I found ‘_kgflashmediaplayer-starts’ in the database but the related ‘post_id’ doesn’t match the actual ID of the post where the video is in.
                    It seems it is much more linked to the video attachment rather than the post.
                    My attempts to get it work were rather fruitless.
                    Do you have any hint on this?

                    Reply
                    • Tomas
                      Tomas says:

                      My code looks something like this:

                      $args = array(
                      'post_mime_type' => 'video',
                      'post_type' => 'attachment',
                      'numberposts' => 1,
                      'meta_key'=>'_kgflashmediaplayer-starts',
                      'post_status' => null,
                      'post_parent' => get_the_ID(),
                      );
                      $counter = get_posts($args);
                      $clip_counter = wp_get_attachment_metadata( $counter[0]->ID );

                      echo $clip_counter;

                      right now i’m not getting anything out of it :(

                    • Tomas
                      Tomas says:

                      Got it:


                      $args = array(
                      'post_mime_type' => 'video',
                      'post_type' => 'attachment',
                      'numberposts' => 1,
                      'meta_key'=>'_kgflashmediaplayer-starts',
                      'post_status' => null,
                      'post_parent' => get_the_ID(),
                      );
                      $counter = get_posts($args);
                      $clip_counter = intval(get_post_meta($counter[0]->ID,'_kgflashmediaplayer-starts',true));
                      echo $clip_counter;

                      Thanks once again for your support!

  3. Alex
    Alex says:

    Didn’t even see the new command..

    Here is the response I got from it:

    [petercop@koko /]$ /usr/local/bin/ffmpeg -i /home/petercop/public_html/wp-content/plugins/video-embed-thumbnail-generator/images/sample-video-h264.mp4 /home/petercop/public_html/wp-content/uploads/2013/05/ffmpeg_exists_test.jpg
    FFmpeg version SVN-r14473, Copyright (c) 2000-2008 Fabrice Bellard, et al.
    configuration: –prefix=/usr/local/cpffmpeg –enable-shared –enable-nonfree –enable-gpl –enable-pthreads –enable-liba52 –enable-libamr-nb –enable-libamr-wb –enable-libfaac –enable-libfaad –enable-libmp3lame –enable-libtheora –enable-libvorbis –enable-libx264 –enable-libxvid –extra-cflags=-I/usr/local/cpffmpeg/include/ –extra-ldflags=-L/usr/local/cpffmpeg/lib –enable-cross-compile
    libavutil version: 49.7.0
    libavcodec version: 51.62.0
    libavformat version: 52.18.0
    libavdevice version: 52.0.0
    built on May 15 2009 18:29:24, gcc: 4.1.2 20080704 (Red Hat 4.1.2-44)
    [mov,mp4,m4a,3gp,3g2,mj2 @ 0x88af2d0]negative ctts, ignoring
    [mov,mp4,m4a,3gp,3g2,mj2 @ 0x88af2d0]Could not find codec parameters (Data: tmcd / 0x64636D74)
    Input #0, mov,mp4,m4a,3gp,3g2,mj2, from ‘/home/petercop/public_html/wp-content/plugins/video-embed-thumbnail-generator/images/sample-video-h264.mp4′:
    Duration: 00:00:01.00, start: 0.000000, bitrate: 91 kb/s
    Stream #0.0(eng): Video: h264, yuv420p, 960×540, 23.98 tb(r)
    Stream #0.1(eng): Audio: libfaad, 48000 Hz, stereo
    Stream #0.2(eng): Data: tmcd / 0x64636D74
    Unable to find a suitable output format for ‘/home/petercop/public_html/wp-content/uploads/2013/05/ffmpeg_exists_test.jpg’

    Thanks.

    Reply
    • Kyle
      Kyle says:

      My mistake. The command should be this /usr/local/bin/ffmpeg -i /path/to/wordpress/wp-content/plugins/video-embed-thumbnail-generator/images/sample-video-h264.mp4 -vframes 1 /path/to/wordpress/wp-content/uploads/2013/05/ffmpeg_exists_test.jpg

      Reply
      • Alex
        Alex says:

        Here is the response:

        [petercop@koko /]$ /usr/local/bin/ffmpeg -i /home/petercop/public_html/wp-content/plugins/video-embed-thumbnail-generator/images/sample-video-h264.mp4 -vframes 1 /home/petercop/public_html/wp-content/uploads/2013/05/ffmpeg_exists_test.jpg
        FFmpeg version SVN-r14473, Copyright (c) 2000-2008 Fabrice Bellard, et al.
        configuration: –prefix=/usr/local/cpffmpeg –enable-shared –enable-nonfree –enable-gpl –enable-pthreads –enable-liba52 –enable-libamr-nb –enable-libamr-wb –enable-libfaac –enable-libfaad –enable-libmp3lame –enable-libtheora –enable-libvorbis –enable-libx264 –enable-libxvid –extra-cflags=-I/usr/local/cpffmpeg/include/ –extra-ldflags=-L/usr/local/cpffmpeg/lib –enable-cross-compile
        libavutil version: 49.7.0
        libavcodec version: 51.62.0
        libavformat version: 52.18.0
        libavdevice version: 52.0.0
        built on May 15 2009 18:29:24, gcc: 4.1.2 20080704 (Red Hat 4.1.2-44)
        [mov,mp4,m4a,3gp,3g2,mj2 @ 0x935d2d0]negative ctts, ignoring
        [mov,mp4,m4a,3gp,3g2,mj2 @ 0x935d2d0]Could not find codec parameters (Data: tmcd / 0x64636D74)
        Input #0, mov,mp4,m4a,3gp,3g2,mj2, from ‘/home/petercop/public_html/wp-content/plugins/video-embed-thumbnail-generator/images/sample-video-h264.mp4′:
        Duration: 00:00:01.00, start: 0.000000, bitrate: 91 kb/s
        Stream #0.0(eng): Video: h264, yuv420p, 960×540, 23.98 tb(r)
        Stream #0.1(eng): Audio: libfaad, 48000 Hz, stereo
        Stream #0.2(eng): Data: tmcd / 0x64636D74
        Unable to find a suitable output format for ‘/home/petercop/public_html/wp-content/uploads/2013/05/ffmpeg_exists_test.jpg’

        Thanks again.

        Reply
        • Kyle
          Kyle says:

          Apparently you’ve managed to find an incompatible version of FFMPEG. I should be able to fix this though. Let’s try another command. /usr/local/bin/ffmpeg -i /path/to/wordpress/wp-content/plugins/video-embed-thumbnail-generator/images/sample-video-h264.mp4 -vframes 1 -f mjpeg /path/to/wordpress/wp-content/uploads/2013/05/ffmpeg_exists_test.jpg

          Reply
          • Alex
            Alex says:

            Lucky me. Here’s the response:

            [petercop@koko /]$ /usr/local/bin/ffmpeg -i /home/petercop/public_html/wp-content/plugins/video-embed-thumbnail-generator/images/sample-video-h264.mp4 -vframes 1 -f mjpeg /home/petercop/public_html/wp-content/uploads/2013/05/ffmpeg_exists_test.jpg
            FFmpeg version SVN-r14473, Copyright (c) 2000-2008 Fabrice Bellard, et al.
            configuration: –prefix=/usr/local/cpffmpeg –enable-shared –enable-nonfree –enable-gpl –enable-pthreads –enable-liba52 –enable-libamr-nb –enable-libamr-wb –enable-libfaac –enable-libfaad –enable-libmp3lame –enable-libtheora –enable-libvorbis –enable-libx264 –enable-libxvid –extra-cflags=-I/usr/local/cpffmpeg/include/ –extra-ldflags=-L/usr/local/cpffmpeg/lib –enable-cross-compile
            libavutil version: 49.7.0
            libavcodec version: 51.62.0
            libavformat version: 52.18.0
            libavdevice version: 52.0.0
            built on May 15 2009 18:29:24, gcc: 4.1.2 20080704 (Red Hat 4.1.2-44)
            [mov,mp4,m4a,3gp,3g2,mj2 @ 0xa03a2d0]negative ctts, ignoring
            [mov,mp4,m4a,3gp,3g2,mj2 @ 0xa03a2d0]Could not find codec parameters (Data: tmcd / 0x64636D74)
            Input #0, mov,mp4,m4a,3gp,3g2,mj2, from ‘/home/petercop/public_html/wp-content/plugins/video-embed-thumbnail-generator/images/sample-video-h264.mp4′:
            Duration: 00:00:01.00, start: 0.000000, bitrate: 91 kb/s
            Stream #0.0(eng): Video: h264, yuv420p, 960×540, 23.98 tb(r)
            Stream #0.1(eng): Audio: libfaad, 48000 Hz, stereo
            Stream #0.2(eng): Data: tmcd / 0x64636D74
            Output #0, mjpeg, to ‘/home/petercop/public_html/wp-content/uploads/2013/05/ffmpeg_exists_test.jpg’:
            Stream #0.0(eng): Video: mjpeg, yuvj420p, 960×540, q=2-31, 200 kb/s, 23.98 tb(c)
            Stream mapping:
            Stream #0.0 -> #0.0
            Press [q] to stop encoding
            frame= 1 fps= 0 q=6.2 Lsize= 13kB time=0.04 bitrate=2618.2kbits/s
            video:13kB audio:0kB global headers:0kB muxing overhead 0.000000%

            Thanks,

            Reply
            • Kyle
              Kyle says:

              Success! I will release a patch pretty soon, but for now if you want to edit the plugin you should be able to get it working by making these changes:

              find this line:
              $cmd = escapeshellcmd($options['app_path'].'/'.$options['video_app'].' -i '.plugin_dir_path(__FILE__).'/flash/skin/images/PlayNormal.png '.$uploads['path'].'/ffmpeg_exists_test.jpg');
              and replace it with this:
              $cmd = escapeshellcmd($options['app_path'].'/'.$options['video_app'].' -i '.plugin_dir_path(__FILE__).'/images/sample-video-h264.mp4 -vframes 1 -f mjpeg '.$uploads['path'].'/ffmpeg_exists_test.jpg');

              Then find this line:
              $ffmpeg_options = '-y -ss '.$movieoffset.' -i "'.$moviefilepath.'" '.$movie_info['rotate'].' -qscale 1 -vframes 1 "'.$thumbnailfilename[$i].'"';
              and replace it with this:
              $ffmpeg_options = '-y -ss '.$movieoffset.' -i "'.$moviefilepath.'" '.$movie_info['rotate'].' -qscale 1 -vframes 1 -f mjpeg "'.$thumbnailfilename[$i].'"';

              If you want to encode any H.264 videos make sure you turn on the two FFMPEG legacy options in the plugin settings page. They’re designed to help older versions of FFMPEG work.

              Reply
  4. Kris
    Kris says:

    We’ve always had a problem where videos would play on all browsers except for IE which we have never been able to figure out. I just updated the plugin along with our version of WP and now videos will no longer encode so I decided to install the most current ffmpeg and still no luck. It will show “encoding” then shortly after will show “error:” but doesn’t say what the error is. We are running a Windows 2008 Small Business Server and we had no issues encoding videos prior to updating just not being able to get videos to play on IE. The previous version we were using was about 8 months old.

    Reply
    • Kyle
      Kyle says:

      Windows servers are really hard for me because I don’t have access to one that I can mess around with. Are you sure that the encoding actually stops or is it just saying “error”?

      I’m beginning to suspect that IE is more picky about H.264 than other browsers. Have you tried changing your filenames from .m4v to .mp4?

      Also, your template doesn’t load any of the JavaScript or CSS files that my plugin uses, so you’re just using a plain HTML5 video player. I think that’s because you’re not running wp_head();

      Reply
      • Kyle
        Kyle says:

        Another option. Instead of configuring m4v as mime-type video/mp4 (which I always thought was correct) consider changing it to video/x-m4v

        Reply
      • Kris
        Kris says:

        Yes I have tried changing from .m4v to .mp4 with no luck.

        I am sure that it is not encoding, if I load a new video not even Firefox will play it now. Looks like I’m going to have to do a restore on my Windows Server to get the old version of the plugin and WP back since at least the encoding worked and the vids would play on all the other browsers.

        Reply
        • Kyle
          Kyle says:

          Firefox won’t play your video because Firefox can’t play H.264 videos and your theme doesn’t run wp_head() so it doesn’t load the Flash player that you need in order to play H.264 videos in Firefox. The old version of my plugin you were running used some bad, lazy methods to load JavaScript that didn’t run through wp_head() so you were able to get away with it. I’m surprised that you haven’t had other problems with plugins since a lot of stuff happens in wp_head(). Just adding wp_head(); before the tag in your theme’s header would solve your Firefox problem.

          I’m still interested in the details of your H.264 file’s encoding. Since your theme is not loading any of the JS and CSS that make my plugin work, you are working with a plain HTML5 video tag. That actually helps us with the troubleshooting since it eliminates a lot of other variables.

          Reply
          • Kris
            Kris says:

            Going to be honest, I cannot figure out which file or where the wp_head(); should go. The person who created our theme and designed our site is no longer around so even though I’m great with the server side stuff when it comes to the back end of WP I’m not too familiar with it. Even then the biggest issue we have is that the videos no longer encode so until that can be figured out I need to go back to the old version of the plugin.

            Reply
            • Kris
              Kris says:

              Not sure if this means anything to you but I noticed this error when I went into the video encode queue to remove the error encodes (still nothing encodes since the updates)

              Notice: Undefined offset: 720 in C:\inetpub\wwwroot\wp-content\plugins\video-embed-thumbnail-generator\video-embed-thumbnail-generator.php on line 1135

              Reply
              • Kyle
                Kyle says:

                It means there’s something wrong with your video encoding queue, but you already knew that. I don’t know yet why that particular error would happen. Was it there as soon as you went to the queue page or did it show up after you cleared the queue?

                I thought you had given up on this version so I didn’t want to force you through a round of troubleshooting, but if you are up for it, I have some things to try.

                Pick a test video. Open up the folder that your video is in on the server (presumably /wp-content/uploads/2013/06 or similar). In WordPress, start encoding a 480p version of that video. Check the folder to see if a log file is created. If there is a log file, open it up and see if there’s any text in it. Copy that text into another document. Wait until you get the error message from WordPress and then see if the log file is still there. If it’s still there, give me the full text of the log file.

                And I just want to make sure, the files are not really encoding in the background right? You’ve checked to make sure they aren’t there? Just because my plugin’s giving you an error message it doesn’t guarantee that there’s no encoding going on. The only thing I know for sure at this point is that the log file isn’t working correctly. What about thumbnails? Do those work?

                Reply
  5. jake
    jake says:

    What am i doing wrong here? Here’s my code

    bp_portfolio_item_url() Passes a URL fine until i try this code.

    Thanks

    Reply
  6. courtney trouble
    courtney trouble says:

    Hey! I’ve been using yoru plugin forever, you’ve helped me with tech support in the past too and you are just awesome. my newest issue is that a lot of my backed up code has “width=”100%” and a height setting in the shortcode and with th enewest update, everything shows up in a 100×100 pixel box. i’m using video.js – i am wondering if i will have to go through every page and delete the size in each shortcode or if you’ve got a better way.

    thanks!

    Reply
    • Kyle
      Kyle says:

      Oh no! I didn’t know you could even do that in old versions. If you want to fix it right away I think you can just delete the line set_width = parseInt(set_width); from the kgvideo_video_embed.js file in my plugin. It’s at /wp-admin/plugin-editor.php?file=video-embed-thumbnail-generator%2Fjs%2Fkgvid_video_embed.js&plugin=video-embed-thumbnail-generator%2Fvideo-embed-thumbnail-generator.php

      Reply
      • courtney trouble
        courtney trouble says:

        Hmm, I deleted that line and it didn’t work. Let me be more specific. Here is a link to one of my posts (nsfw but on the tamer side) http://www.indiepornrevolution.com/courtney-troubles-curves – notice how the video is tiny. the shortcode used for this video is: [FMP poster="http://www.indiepornrevolution.com/poster-image-file" width="100%" height="360"]http://www.indiepornrevolution.com/wp-content/uploads/video-file.m4v[/FMP] nothing changes when i deleted that line. thanks for your help

        Reply
        • Kyle
          Kyle says:

          Sorry this took me so long to check up on, but it seems like that did work. Are you still seeing the problem? Make sure you refresh your cache or try it on a different computer.

          Reply
    • Kyle
      Kyle says:

      That shouldn’t be too difficult. I might put that on the list for future features. You could do it yourself by modifying the kgvideo_video_embed.js file and adding a line to the player.on('ended' section. It would look something like:

      player.on('ended', function kgvid_play_end(){
      kgvid_video_counter(id, 'end');
      setTimeout(function() { jQuery('#video_'+id+' > .vjs-loading-spinner').hide(); }, 250);
      if ( video_vars.endOfVideoOverlay != "" ) {
      jQuery('#video_'+id+' > .vjs-poster').css({
      'background-image':'url('+video_vars.endofvideooverlay+')'
      }).fadeIn();

      player.on('timeupdate', kgvid_timeupdate);
      }
      window.location.replace('http://www.yourwebsite.com/redirect.php'); // < ----- This is the line you'd add
      });

      Reply
  7. Bruce Nevins
    Bruce Nevins says:

    We have been trying to get the videos to play on Android phones with no success. Works fine on PCs running IE, Chrome, Firefox and Safari. Tried with Native Browser, Chrome and Firefox on a Galaxy S3 running Android 4.1.2. Same result on a HTC Inspire running Android 2.3.5 with Flash support. Then We tried it on the videos on your blog http://www.kylegilman.net/blog/ with the same failure. I don’t know if you encoded those videos with HTML 5 support. If you can provide any guidance we would appreciate it.

    Reply
  8. Alonso Castro
    Alonso Castro says:

    Hi, I have a question regarding this plugin. Desire to generate thumbnail images of the videos embedded but I get the following message: EXEC PHP is disabled in settings. You can embed existing video, but video thumbnail generation and Mobile/HTML5 video encoding will not work. Contact your System Administrator to find out if you can enable EXEC.

    then in the plugin settings option gives the option to put the path of the video supposedly I want to generate the thumbnail image, in my case the video is at the root then I guess it would be something like: /usr/local/bin/ffmpeg-i/laeradelabiotecnologia.com/biotecno/public_html/ebenpagan.mp4

    the video is: ebenpagan.mp4
    my website: laeradelabiotecnologia.com
    my user: **deleted by Kyle for security**

    and again I get the following message: EXEC PHP is disabled in settings. You can embed existing video, but video thumbnail generation and Mobile/HTML5 video encoding will not work. Contact your System Administrator to find out if you can enable EXEC.

    what is the solution? Please urgent

    Reply
    • Kyle
      Kyle says:

      Just like the error message says, your server has the EXEC PHP function disabled. Sometimes EXEC is disabled for security reasons and cannot be enabled. I have no ability to tell you how to enable EXEC on your server because I don’t know why it is disabled. If you can enable EXEC and you have FFMPEG installed on your server then you can make thumbnails. Most shared hosts don’t allow you to install FFMPEG.

      Reply
  9. Laura
    Laura says:

    Hi Kyle,

    I just upgraded to your most current version of this plugin. I checked off “overlay embed code,” but it’s not overlaying it. I’m wondering if one of my “Better WP Security” settings is blocking it. But I’m not sure which one that would be. Although I disabled the plugin and it still wouldn’t create the embed button at the top.

    Is there a way to generate the embed code without that feature checked? Where do I find what I would need to include in the string?

    Also, when I click on “Save Changes” at the bottom, it redirects me to a page not found. Not sure why.

    Thanks in advance for your help with this.

    Laura

    Reply
    • Laura
      Laura says:

      By the way, I input the URL for all my videos and posters when creating the initial code with your plugin.

      Reply
    • Laura
      Laura says:

      Hi again Kyle. Just sending you an update and another question. I think I figured out that you can’t use the embed code feature unless the media is in the WP media library, and not pulled in directly from a URL. So I have it working that way. But now I have another issue. The studio press theme I use forces me to limit the width of my videos to no greater than 580. This cuts off the text for “XX Views” so it says “XX View..” with only the left one third of the “s”. Is there a way that I can adjust it so it doesn’t cut it off?

      Reply
      • Kyle
        Kyle says:

        That is correct. You can’t embed videos outside of the WP Media Library.

        A 580 pixel width shouldn’t be a problem on its own. There must be something else going on. Can you post a link for your site so I can troubleshoot it?

        Reply
      • Kyle
        Kyle says:

        Ok, I figured it out. The 100% width of the DIV below the video is extending the views text a few pixels beyond the bounds of the video. I’ll add it to the next update. You can fix it now by removing the line width: 100%; from the .kgvid_below_video class in the css/kgvid_styles.css file. The link to edit the file is wp-admin/plugin-editor.php?file=video-embed-thumbnail-generator/css/kgvid_styles.css&a=te&scrollto=1530

        Reply
        • Laura
          Laura says:

          Mobile Safari Question. Hi again Kyle. Different topic. I have the embed code working on a client’s website, pulling the video from my website. But it’s pulling an image of my websites home page, instead of the video. It’s even clickable inside the video window frame. It doesn’t do it on iPhone Chrome, though. I’m on a 4GS still running iOS 5 (jailbroken, so I can’t upgrade yet). Any ideas on why it’s doing that?

          Reply
          • Kyle
            Kyle says:

            I can’t replicate the problem on my own site. I also don’t have an actual iOS 5 device, but it seems to work in the iOS Simulator. Can you post a link to the site you’re having a problem on?

            Reply
  10. Marek
    Marek says:

    Hi Kyle!

    I have just installed your plugin, but I miss the most important button: there is no “Insert into post” at all! :-/ It’s not even anywhere hidden, I’ve just checked it out.

    What went wrong during the installation??

    WordPress 3.5.2 + plugin 4.1.5

    Thank you a lot for any help :-)

    Marek

    Reply
    • Marek
      Marek says:

      Problem solved!!! I was trying to get the embed-code from within the media-gallery, but I need to be writing an article and insert the video from there.

      Reply
    • Kyle
      Kyle says:

      Yes, version 4.2.1 of Video.js will be included in the next version of the plugin, which I thought would be released yesterday but I found a nasty bug. It will be released soon I hope.

      Reply
  11. Tino
    Tino says:

    Another Suggestion,

    Make an option to select resolution in “Replace original with H.264″ for example : Full Res, 1080p, 720p & 480p or even user defined to control the space in video storage.

    Reply
  12. Cyrus
    Cyrus says:

    I’ve been trying to get this to work on a .m4v file…no luck! I’m not using video.js, just the embed wordpress player which seems to work stand alone but once I try to use the featured video thumbnail generator the video just never shows up.

    Reply
    • Kyle
      Kyle says:

      Thanks for the note Cyrus. You’ve uncovered an interesting quirk of the WordPress video shortcode that I wasn’t aware of. Even though an m4v is just an mp4 with a different name, the shortcode gets very confused if (as I do in the current version of the plugin) you write [video mp4="http://yoursite.com/video.m4v"] instead it has to be [video m4v="http://yoursite.com/video.m4v"]. I’ll work on a fix for this but in the meantime you have a couple options. You could rename your video file to mp4 before you upload it, or switch to the Video.js player.

      Reply
      • Cyrus
        Cyrus says:

        Hmmm….i do see video m4v. That one works. I tried using this instead:
        [KGVID poster="http://www.djvyrus.com/wordpress/wp-content/uploads/2013/10/DJVyrusLive@ExchangeLA05_31_2013_thumb727.jpg" width="500" height="281"]http://www.djvyrus.com/wordpress/wp-content/uploads/2013/09/DJVyrusLive@ExchangeLA05_31_2013.m4v[/KGVID]

        This doesn’t seem to work on my site.but the mp4 example from ur site does

        Reply
        • Kyle
          Kyle says:

          Yes, that shortcode doesn’t work because of a bug you’ve uncovered in version 4.2.5 of the plugin that is specific to using m4v videos with my plugin’s shortcode and the WordPress Default player. I’ve already written a fix for it, which you could apply yourself if you’re comfortable editing plugin files. You can find the changes on Github

          If you don’t want to edit the plugin yourself, I’ll release an update within a day or two. Or you can switch to the Video.js player or rename the file to mp4 and upload it again.

          Reply
            • Cyrus
              Cyrus says:

              See the plugin update! Thanks! Another question. Does this plugin auto resize to mobile? I am trying to set the height and width to auto but it doesn’t resize when I shrink the browser window.

              Reply
              • Kyle
                Kyle says:

                It is supposed to resize if you set the width and height to the largest values you ever want them to be. The video will then shrink to the size of its container. The video near the top of this page shrinks down when you make the window smaller, but James Firth has just pointed out in another comment that his videos aren’t resizing, so if you have the same problem can you post a link to a video that’s giving you trouble?

                Reply
  13. Jen
    Jen says:

    Hello Kyle- Can you please help me figure out why the video I am using with your plugin is not sizing properly? I currently have this set up on a test url and there are two black bars on either side of the video when played. Also, I have the ‘endofvideooverlay’ set to the same jpeg image as the ‘poster’ setting but nothing happens after the video plays… it just goes to black.

    http://192.185.35.55/~gacv/

    This is the actual code I have inside the widget box:
    [KGVID poster="http://192.185.35.55/~gacv/wp-content/uploads/2013/10/gastro-associates-video-still.jpg" title="false" width="370" height="252" endofvideooverlay="http://192.185.35.55/~gacv/wp-content/uploads/2013/10/gastro-associates-video-still.jpg"]http://192.185.35.55/~gacv/wp-content/uploads/2013/10/Gastroenterology-Assoc-Homepage-Video.wmv[/KGVID]

    Reply
    • Kyle
      Kyle says:

      You’re using a WMV file, which shouldn’t play at all, but apparently MediaElement uses a Silverlight player in a pinch. Just to make things even more difficult, the WMV is encoded with non-square pixels. I would start by transcoding the WMV to an H.264 MP4 at 640×360.

      The end of video overlay doesn’t seem to work with the WordPress Default player when you’re using Silverlight playback. It probably doesn’t work with Flash either. I will look into making that work, but it might not be possible. It should work with Video.js currently.

      Reply
  14. David Vietnam
    David Vietnam says:

    Hello Kyle, I feel a bit foolish given the technical level of questions posted here but when I play the video (.MP4), I only see a black box, can hear the audio fine but cannot see the images. I followed the install instructions and added the Mime type:

    MIME Type Extension(s) Remove
    User Defined MIME Types
    video/mp4 mp4 .m4v

    Unfortunately this has not solved the problem and I still cannot see the video.

    Please help :-)

    Reply
    • Kyle
      Kyle says:

      Your video uses the MPEG-4 video codec instead of H.264, which is the most compatible video format for the web. If you re-encode using H.264 it should work.

      Reply
    • Kyle
      Kyle says:

      There’s not much you can do about the buffer size of an HTML5 video player. I wouldn’t be surprised if that changes in the future, but the browsers are in charge of the process as far as I can tell. 4.2GB is really large for a web video. I suggest re-encoding the video with a much lower bit rate. Unless it’s 1080p and well over an hour you can probably won’t sacrifice any picture quality.

      Reply
  15. Laura
    Laura says:

    Hi Kyle, hope you had a great 2013! And that you’re looking forward to an even better 2014. I have a question about trying to pull a video created with your plugin through to LinkedIn. It would be awesome if there were a way to make your plugin “talk” to linked in (in a way that made it approved by them). If that’s not possible, I’m wondering if you have any insight on how to get LinkedIn to pull through the featured image from the post. Right now, I can add the URL of the post which has the video embedded and it will pick up the headline and body copy, but not the video or the featured image. I’ve tried adding the poster image as a featured image a couple different ways, but still no luck. Have you been doing any work on trying to get your plugin to talk to LinkedIn? I’d love any advice you might have on this. Thanks in advance!

    Reply
    • Kyle
      Kyle says:

      I don’t really know how LinkedIn works. I know they use Open Graph, so you should make sure have Open Graph image tags on your page. The Facebook debugger is a good tool to find out what Open Graph tags are on your page: https://developers.facebook.com/tools/debug/ From my Googling just now it looks like LinkedIn caches pages, so you might have found a way to make it work but it was still showing you the first version that didn’t work. I wouldn’t hold my breath trying to get it to pull a video though. I haven’t seen any indication that anyone has done that. They only just added YouTube and Vimeo last year.

      Reply
      • Laura
        Laura says:

        Thanks Kyle for getting back to me on this. I’ll look into it. I have another question on a different topic. Is there a way to view the number of times a video has been viewed without making it visible to the public? It would be awesome if there were some type of dashboard that logged the views per video. Any thoughts or ideas? Thanks!!

        Reply
        • Kyle
          Kyle says:

          Yes. Every video has both “starts” and “complete views” logged whether you show the numbers to users or not. If you look at a video in the Media Library it’s right above the thumbnail generating section.

          Reply
              • Laura
                Laura says:

                Hi Kyle. Thanks — and I do have Google Analytics. But if you could direct me to instructions on how to set it up and view video views, I’d be very appreciative. I’m only seeing page views on my reports. Thanks!!

                Reply
                  • Laura
                    Laura says:

                    It used to be true. I’ve started pulling all the vids into the WP library a couple months ago. So going forward, I guess I could use GA.

                    But I’d really just love a way to aggregate your standard view count data in report form. A list of all the video file titles and a total view count that I could paste into Excel. Would that even be do-able?

                    Reply
  16. Jenny
    Jenny says:

    Can the plugin be used with more than 1 video? It looks as though everything is set up for one video, then if I would want to upload another video, the settings would change and affect the first video.

    Reply
  17. Rottenham
    Rottenham says:

    90% of plugins are unusable, partly because the author was unable or unwilling to explain how to use them. We spend hours trying to learn to use something the author could have explained in five minutes. We test a dozen plugins before getting one to work. Everyone’s time is wasted. Your video plugin is the most notable exception I’ve seen. I’ve only scanned your application notes, I’ll be giving them a going over today. They are one of the primary reasons I’ve settled on your plugin. They set your work apart. Thanks Kyle.

    Reply
  18. amirdj
    amirdj says:

    i love this plugin and i will donate to you anniway, but if you make work for me on my hosting the f….in FFMPEG i will donate to you ,much happyer heheheh

    Reply
    • Kyle
      Kyle says:

      Yes, if you have FFMPEG installed on your server you can use my plugin to make H.264 versions of your existing webm videos. Or you can make them yourself and upload them to the same directories as the webms. My plugin will find them automatically.

      Reply
  19. fsmathias
    fsmathias says:

    I am loving the plugin and it’s been super helpful. I am trying to have the overlay closed after the video ends. Been fiddling around a bit, but could not work it out yet.
    Any ideas? Thanks heaps

    Reply
    • Kyle
      Kyle says:

      I’m actually in the process or re-writing the gallery system so any hacks I worked out for you would be obsolete pretty quickly. It might not be possible because the current release uses an iframe that probably would prevent any commands coming from the iframe taking over the main page. I think it will be a lot simpler using the new system I’m working on. I’ll see if I can integrate that option along with automatically switching to the next video.

      Reply
      • fsmathias
        fsmathias says:

        Thanks for that quick reply. Good to hear that you are working on the plugin because it is just brilliant. I was also thinking of maybe triggering the overlay via css to disappear when the video ends. something like:

        player.on(‘ended’, function kgvid_play_end(){
        kgvid_video_counter(id, ‘end’);
        setTimeout(function() { jQuery(‘#video_’+id+’ > .vjs-loading-spinner’).hide(); }, 250);
        if ( video_vars.endOfVideoOverlay != “” ) {
        jQuery(‘#video_’+id+’ > .vjs-poster’).css({
        ‘background-image’:'url(‘+video_vars.endofvideooverlay+’)’
        }).fadeIn();

        player.on(‘timeupdate’, kgvid_timeupdate);
        }
        kgvid_video.style.position = “absolute”;
        kgvid_video.style.top = “-2000px”;

        });

        Interested in your thoughts about this approach.

        Reply
        • Kyle
          Kyle says:

          I used your idea for version 4.3, which was released last night. If you add gallery_end=”close” to the shortcode, the pop-up will close at the end of video playback.

          Reply

Trackbacks & Pingbacks

  1. […] umständlichen Namen ‘Video Embed & Thumbnail Generator’ trägt. Die Lektüre der Projektseite des Autors ist sehr empfehlenswert. Aus dem WordPress.org Plugin Directory kann der Video Embed & Thumbnail Generator leicht in […]

  2. [...] Veja o exemplo mais ou menos com fica. Vídeo aqui. Baixe o plugin, ou visite o site do autor aqui [...]

  3. [...] using a plugin: Currently prefer JW Player Plugin for WordPress, but I’m still considering Video Embed & Thumbnail Generator. « In An Instant (newer) (older) A Very Fine Day [...]