Video Embed & Thumbnail Generator WordPress Plugin
January 18th, 2011
A plugin for the WordPress visual editor to make embedding videos, generating thumbnails, and encoding HTML5-compliant files a little bit easier.
Download from 
Installation
- Upload the entire
video-embed-thumbnail-generatorfolder to the/wp-content/plugins/directory. - Activate the plugin through the ‘Plugins’ menu in WordPress.
- 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
Or use your web host’s configuration panel (cpanel, etc) to add a custom MIME type.
Just click the Insert Media button to get started:
The plugin adds several fields to any video uploaded to the WordPress Media Library. Just choose a few options and click Insert into Post and you’ll get a shortcode in your post that will embed a flexible Flash & HTML5 video player with a preview image into your post.
The embedded player 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 an HTML5 video element. I highly recommend H.264 video and AAC audio in an MP4 container. If you’re encoding with Apple’s Compressor, the “Streaming” setting should be “Fast Start” (NOT Fast Start – Compressed Header). I’ve written up my recommended video encode settings in another post.
I will no longer provide tech support for Flash video playback if you use a video that is not H.264 video and AAC audio. I’ve seen several people try to use MPEG-4 video in an mp4 container. This will not work. You must use H.264 video in an mp4 container. There are a few other formats that might work, but if you’re trying to use something else, you are on your own. If you ask me in the comments why your video doesn’t work, please post the video and audio codecs. MP4 or MOV is not a codec. To determine a file’s codecs on a Mac, select the file in and hit ⌘+i. Under “More Info” you will see “Codecs” listed. In Windows, use GSpot.
The plugin uses FFMPEG to generate thumbnails and encode HTML5/mobile videos. By default the plugin looks for FFMPEG in `/usr/local/bin` but if FFMPEG 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 FFMPEG is installed on your server, you can generate thumbnails using either the “Generate” or “Randomize” buttons. 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. If you want really fine control you can enter timecode in the “Thumbnail Timecode” field. Use mm:ss format. If you want even more control 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 9 at a time). The unused thumbnails will be deleted once you click “Insert into Post” or “Save Changes.”
In the plugin settings you can set the default maximum width based on the width 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 automatically adjusted to match the size and aspect ratio of the video file. You can make further adjustments if you want.
The “Encode” button is still a bit experimental. If you have FFMPEG on your server, clicking the button will start encoding an iPod/iPad/Android compliant H.264 video (which will also work in Safari and IE 9), or a Firefox/Chrome-compatible WEBM or OGV video in the same directory as your original file. Anyone using a modern browser who doesn’t have a Flash plugin will see these files instead of the original. The files will encode in the background and will take several minutes to complete, depending on your server setup and the length and size of your video. New in version 2.0, you will see the encoding progress, you will have the option to cancel an encoding job, and you should get an error message if something goes wrong. Closing the window will not cancel encoding, but once the window is closed the progress bar won’t come back. Users on Windows servers will not get any feedback while the files are encoding.
Also new in this version is the option to encode an HD Mobile/H.264 file. Since there are more devices that can handle HD H.264 videos available now, you can choose to increase the resolution to 720p or 1080p. Keep in mind, very few mobile devices can currently play 1080p video.
The plugin is currently favoring Flash instead of HTML5 because Flash is a better user experience in most cases. I’m particularly not a fan of some browsers’ tendencies to auto-download HTML5 video elements. I may eventually include the option to favor HTML5. However, if you embed a non-Flash compatible file (like an ogv or webm file) then you will only get the HTML5 video element. 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.webm and awesomevid.ogv as well. If you want to embed a high-res H.264 video but also make a mobile-compatible version available, add -ipod.m4v to the end of the filename (awesomevid-ipod.m4v) and it will be served up to most smartphones and tablets instead of the original.
Android viewers who don’t use Flash will see a play button superimposed on the thumbnail to make it a little clearer that it’s an embedded video.
If you have Mobile, WEBM, or OGV files encoded, you will have the option to embed one of those files instead of the original. This is for a small group of users who need to upload a file format that can’t be embedded and want to replace that file with a newly encoded file. No matter which option you choose, any other encoded files will still be automatically swapped in on the appropriate devices and browsers.
If you want to make it easier for people to save the video 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, or maybe it’s hosted on another server. Either way, you can use the tab “Embed 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. If the video is in a directory that isn’t writable, any encodes you make will go to an “html5encodes” subdirectory in the WordPress uploads directory.
Once you’ve filled in all your options, click “Insert Flash Media Player” and you’ll get a shortcode in the visual editor that looks like this:
Kyle Gilman Editor Reel
Right-click or ctrl-click this link to download.
Once you save the post, the thumbnail file will be registered in the WordPress media library and added to the post’s attachments. Thumbnails are saved in the current WordPress uploads directory. HTML5 videos are not yet registered with the media library.
To embed videos on other sites turn on the Attachment Template Override in the plugin settings. This will replace your video attachment template with a page that only has enough code to display the video. You can then embed the video using code like this
`<iframe width=”960″ height=”540″ frameborder=”0″ scrolling=”no” src=”http://www.kylegilman.net/?attachment_id=1906″></iframe>`
If you want to further modify the way the Flash video player works, you can add the following options inside the [FMP] tag. These will override anything you’ve set in the plugin settings.
poster="http://www.example.com/image.jpg"sets the thumbnailwidth="xxx"height="xxx"controlbar="docked/floating/none"sets the controlbar position. HTML5 videos only respond to the “none” option.loop="true/false"autoplay="true/false"
These options will only affect Flash video elements. They will have no effect on HTML5 videos.
endofvideooverlay="http://www.example.com/end_image.jpgsets the image shown when the video ends.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.
For example
[FMP 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" configuration="http://www.example.com/config.xml"]http://www.kylegilman.net/wp-content/uploads/2011/10/Reel-11-10-10-web.mp4[/FMP]
If you’re getting some use out of this plugin, please consider donating a few dollars to support its future development.
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 in the comments.
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.
If you recorded the video using a Samsung Galaxy S II phone, even though most programs will tell you it’s H.264 video with AAC audio, there’s a good chance that it’s actually recorded in 3gp4 format, which won’t work with the Flash player. Use MediaInfo Library to get really detailed information about your media files.
The Flash player will not play mp4/m4v/mov files that don’t have the moov atom at the head of the file. FFMPEG puts the moov atom at the end of the file, so this can be a problem. I’m working on a solution for an upcoming version of the plugin.
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 on shared hosting and can’t install software. Does this work without FFMPEG?
Some of it will work without FFMPEG. You can generate embed codes for your videos on any host because that part of the plugin is JavaScript running in your browser. But without FFMPEG you won’t be able to generate thumbnails or generate HTML5 videos. There is no way around this. A program has to read the video files in order to generate the thumbnails, and FFMPEG is the best one I’ve found to do that.
How can I encode videos in directories protected by .htaccess passwords?
Use the “Embed from URL” tab. Use the format http://username:password@yourdomain.com/uploads/2012/01/awesomevid.mp4 in the Video URL field.
Why doesn’t the encoding progress bar work on Windows servers?
Because I can’t figure out how to do it. Windows works a little differently from Linux, and I don’t understand it enough to get it to work.
Version history:
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
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.
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).
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
111 Comments Add your own
1.
Sean | March 3rd, 2011 at 5:48 pm
This is a cool idea. If this can be incorporated into the post and use the thumbnail directly in a custom field, that will be even better. What do you think?
2.
Kyle | March 3rd, 2011 at 5:56 pm
Well, the nature of custom fields is that they’re generally custom, right? What exactly would you want to do with the custom field in your template?
3.
Sean | March 3rd, 2011 at 6:42 pm
for example, if one uses wordtube to insert video into a post, and we need a thumbnail generated from that video (either automatic or manual), do it all inside the post editor, and once thumbnail generated, then it automatically inserts the thumbnail file name inside the custom field in the post, so the post has a thumbnail associated to the video. Does this plugin works with flv file? I haven’t got a flv on hand to try it yet.
4.
Erwin | April 8th, 2011 at 1:36 pm
Good start !
I’ll come test it and come back on your blog ….
erwin
5.
Erwin | April 8th, 2011 at 1:45 pm
Good start !
I’ll come test it and come back on your blog ….
I am using TimThumb
erwin
6.
Christian Sanchez | May 6th, 2011 at 4:47 pm
This plugin seems to be what I need to generate thumbnails for use on a site that I’m developing. I will use the generated thumbnails in different sections of the site and also to show in the player before playing. The manner in which I am using it, I will have contributors upload the video from the front end and give them the option to generate the thumbnail. My only problem is that this plugin doesn’t have its own uploader. Does it make send to use the uploader from wordpress or this plugin to have its own uploader to make it easier for the users to not have to type in the url of the video?
Is there a hack to include the core uploader to this plugin or have the plugin popup appear after someone has uploaded a video from wordpress’s uploader? Has anyone done this modification? If so, can you share it with me?
7.
Kyle | May 6th, 2011 at 4:52 pm
Hi Christian, I agree that would be a useful thing for the plugin, but I never managed to figure out how to do it, and once it got good enough to work for my purposes, I moved on to other projects. If I get some time I’ll try to make that work eventually. What I usually do is use the core uploader and then copy and paste the URL into my plugin.
8.
kurima | July 4th, 2011 at 5:08 am
Hi,
Is FFMPEG must be installed? I just using hostgator sharing hosting, unfortunately they don’t have FFMPEG installed on sharing hosting, any solution for this problem?
Trying to run in but got error problem on FFMPEG
9.
Kyle | July 4th, 2011 at 1:12 pm
Yes, FFMPEG must be installed in order to make thumbnails or convert videos. There’s no way around that.
10.
Valerie | July 29th, 2011 at 10:45 am
Aww… This would be a perfect plugin for what I need. I can’t find any other WordPress plugins that allow you to choose what the video thumbnail is. It’s annoying to have to upload a video and a separately created thumbnail image every time I upload a video. But I’m not sure if I have enough access to install this because my site is not self-hosted. I’ll have to see if there’s some way I can manage that… You should complete the set-up for this to put it in the WordPress plugin repository, I think it’d be incredibly useful to a lot of people (assuming it still works right?).
11.
Montalbano | October 20th, 2011 at 10:39 am
This plugin seems to do exactly what I need. Will give it a try and maybe see if I can come up with some improvements (file uploading for example).
12.
Kyle | October 20th, 2011 at 10:50 am
I’m hard at work on a new version which includes integration with the regular attachments system in WordPress. It’s much, much better. Should be done today or tomorrow.
13.
Kirk | October 20th, 2011 at 7:39 pm
Hello,
Noobie question here: I’m self hosting. Can you tell me where I can find FFMPEG and where I should put it? Do I put it in my root directory?
The plugin looks incredible.
Thanks,
Kirk
14.
Kyle | October 20th, 2011 at 9:55 pm
Kirk, installing FFMPEG is a bit of a trial if you’ve never installed a program on your server before. If you’re on shared hosting you might not be allowed to do it. But to start, FFMPEG is available at http://ffmpeg.org/
15.
Montalbano | October 21st, 2011 at 2:49 am
Hi Kyle,
Installed the new version of your plugin, the administration side looks awesome!
I have issues displaying the video’s in the posts though:
A lot of notices, for all defined options (seems it cannot load the defined constants):
Notice: Use of undefined constant wp_FMP_http_streaming – assumed ‘wp_FMP_http_streaming’ in /home//domains//public_html/wp-content/plugins/video-embed-thumbnail-generator/video-embed-thumbnail-generator.php on line 151
A couple of warnings about missing mdetect.php:
Warning: include_once(/home//domains//public_html/wp-content/plugins/video-embed-thumbnail-generator/mdetect.php) [function.include-once]: failed to open stream: No such file or directory in /home//domains//public_html/wp-content/plugins/video-embed-thumbnail-generator/video-embed-thumbnail-generator.php on line 200
And finally a fatal error:
Fatal error: Class ‘uagent_info’ not found in /home//domains//public_html/wp-content/plugins/video-embed-thumbnail-generator/video-embed-thumbnail-generator.php on line 201
16.
Montalbano | October 21st, 2011 at 3:19 am
Kyle,
I downloaded a version of mdetect.php from sourceforge and added it to the plugin directory. That fixed the fatal error.
The video’s are now showing. If I turn on debugging, the notices about undefined constants (see above) remain.
Great job, very happy with your work!
17.
Kyle | October 21st, 2011 at 3:40 pm
I think version 1.0.2 has fixed the problems Montalbano found. Keep that feedback coming! More specifically, is anyone out there actually using the plugin with FFMPEG?
18.
Zachary | October 25th, 2011 at 11:24 pm
Very cool mod .. I”m having a problem making thumbs from mp4 file .. it says ‘can’t open movie file’ but it does quite fine with an avi file. These are all uploaded via the add video link
I tested ffmpeg from command line and it can make a thumb from the same mp4 file so I don’t think it’s an issue with ffmpeg. i’ll dig into it when I get a chance but if you have a chance please give me some pointers
thanks a lot for your work
-Zachary
19.
Kyle | October 27th, 2011 at 3:25 pm
We got to the bottom of Zachary’s problems over email. His server didn’t have the mp4 MIME type set up. I’ve added instructions for adding MIME types to your configuration.
20.
Zachary | October 27th, 2011 at 3:37 pm
I never even thought about that.. totally explains why over url it would fail but from command line it wouldn’t. you are the man
I added
video/mp4 mp4
video/mp4 m4v
video/webm webm
to /etc/mime.types and reloaded apache
tada! Works great now.. Clearly not a problem with your module but I was using the default with centos 5 so probably a lot of folk don’t have that setting
cheers
21.
Montalbano | October 29th, 2011 at 6:48 am
Hi Kyle,
Just updated to the latest version. I really love this plugin, it is exactly how it should be in WordPress by default.
One small issue I found while converting and making thumbnails for some older movies. When converting movies from 2009 for instance, the encoded movies are being stored in the same folder as the original (in this case /uploads/2009/01). But the generated thumbnail gets stored in the folder of the current month (/uploads/2011/10). Is that done by purpose?
Also, the thumbnail does not show, as the filename has a trailing “_thumb5.jpg”.
22.
Montalbano | October 29th, 2011 at 6:59 am
Update on my latest comment.
When choosing a movie from the media library, the “insert” button does not always show (I have my WordPress on Dutch so maybe it is called different in English).
The button does show for the first say 25 movies in the Media library, but on any movie after that it just does not appear anymore.
It is the button to generate the [FPM] code to the message.
Hope you can make something of my comment…
23.
Montalbano | October 29th, 2011 at 8:00 am
Another “minor”, when adding multiple video’s to a post, without titles or text, the video’s are being “glued” to each other without any white space between them.
Only workaround seems to be to add a between the FPM tags in the posts HTML body.
24.
Steven Hoff | October 29th, 2011 at 8:28 am
Is there are a way to have a single video in a WordPress page automatically start when the page loads?
25.
Steven Hoff | October 29th, 2011 at 8:40 am
Nevermind. I looked through the source and added autoplay=”true” to the FPM shortcode. You should add some documentation or add to the video insert code an option for this. Most users won’t see how to do things like this on their own.
26.
Montalbano | October 29th, 2011 at 11:13 am
@Steven, you can set this behaviour in the plug-in settings.
27.
Kyle | October 29th, 2011 at 1:30 pm
if you turn on autoplay in the plugin settings it will make every video autoplay, which I think is not what Steven wanted. I had honestly forgotten about the various options you can use in the shortcode, but it is worth documenting everything. I’ll add that to the instructions.
28.
Matthew | November 4th, 2011 at 11:53 am
Please can you tell me where to add these lines in my .htaccess file through my host. I would love to have this plugin
AddType video/ogg.ogv
AddType video/mp4.mp4
AddType video/mp4.m4v
AddType video/webm.webm
29.
Kyle | November 4th, 2011 at 12:01 pm
Matthew, I believe your host is iPage, which I think at least has mp4 set up correctly. But just in case you can edit your .htaccess file following these instructions. http://www.ipage.hostrehearsal.com/knowledgebase/read_article.bml?kbid=2627
30.
Runner2009 | November 5th, 2011 at 5:10 pm
Just installed FFMEPG into centOS5
I am using hosted mp4 videos on Amazon S3, When I try to generate the thumbnails I get the following error message
Can’t open movie file.
The videos permissions are set correctly on Amazon and I can both play and download them.
Any ideas?
Great plugin really!!!!
31.
Zachary | November 6th, 2011 at 12:30 am
Runner I’ve had similar problems with s3 — you have to set the mime type during upload see
http://stackoverflow.com/questions/3213371/setting-mime-type-on-s3-object
and/or
http://www.bucketexplorer.com/faq/how-to-manage-mime-types.html
or you’ll have the same problem I had — without the mime type set by the serving host, ffmpeg can’t deal with a file over an url (but it’d be fine using a local file).
hope that helps
-zachary
32.
Kyle | November 6th, 2011 at 5:59 pm
Zachary makes a good point about setting MIME types on S3. It’s also important to not use the https link that Amazon gives you for the file. Change it to http and FFMPEG should be able to open the file. Runner2009 also identified a problem with the last version that made the generated thumbnails disappear when using the “Embed from URL” tab. I just released 1.0.5 which should fix that issue.
33.
Curly | November 11th, 2011 at 7:23 am
This is really a great plugin and I think it surpasses other video embedding plugins available. It would be very very very great if you can have the default media uploader of wordpress incorporated in your plugin.
Great plugin. More power to you.
34.
Kyle | November 11th, 2011 at 4:14 pm
Curly, have you used the plugin with the media uploader? It is integrated as much as I thought anyone could want. What are you looking for specifically?
35.
Denise | November 16th, 2011 at 10:49 pm
Thank you for this plugin!!
I’m having a bit of a problem – the video isn’t showing…but the audio seems to works fine. I’m using a poster image, and that is working fine as well. I’m using a url to pull the video as the mp4 file size was too large, so I ftp’s it up… I would appreciate any help.
36.
Denise | November 17th, 2011 at 1:46 am
Do I need to have ffmpeg installed? Can you point me in the right direction – that;s a bit out of my realm of knowledge. Oddly enough it works on my iphone?
Hmm.
Thanks again.
37.
Kyle | November 17th, 2011 at 12:05 pm
Denise was using an mp4 video with the MPEG-4 video codec. It seems like MPEG-4 would be a natural fit for an mp4 video, but the Flash video player only works with H.264 video in the mp4 container.
38.
Curly | November 23rd, 2011 at 5:28 am
Hi Kyle,
Sorry I was a little confused with what I posted. Anyway is there any way that we can track the number of times that the video was played?
Thanks.
Regards,
Harry
39.
franck benedetti | November 23rd, 2011 at 11:56 pm
I would like to make a gallery of thumbnails. Then, when one is clicked on the video player will pop up on the same page and play. is it possible to do this with this plugin?
Thank you,
Franck
40.
Kyle | November 26th, 2011 at 7:46 pm
@Curly. That’s worth looking in to. I might be able to keep track of it in the WordPress database, but there are a lot of different ways that someone can hit play and it will take some time to come up with ways to catch them all. For now, you can get that information from your host’s web stats.
@franck Short answer: no. Long answer: yes, with a LOT of custom template work on your end.
41.
Curly | November 27th, 2011 at 11:15 am
Thanks kyle! I’ll look into it.
42.
Laura | December 4th, 2011 at 8:33 pm
Hi. Wondering if you can help me. I’m running WP on a shared FFMPEG server at HostUpon. I just created a clean install of WP and installed this plugin to test….
The thumbnails aren’t rendering (although it seems to be trying — 4 blank squares appear then dissapear), and althought the video embeds into a post, there is no audio when it plays.
Any suggestions on how to get this working. OR, a recommendation for a reliable shared hosting provider where this plugin is known to work?
Thanks in advance!
43.
Laura | December 4th, 2011 at 11:22 pm
Hi again. I just set up a WP test site on another FFMPEG shared host: Certified Hosting. This time, I’ve got the thumbnails generating, but I still have no sound. Any suggestions?
44.
Xenia Suaiden | December 7th, 2011 at 2:39 am
Hi Kyle,
The plugin works great on posts and pages, but I was hoping to add it directly into the home.php file. What would the php template code be? Sigh…maybe I’m just working too late.
45.
Kyle | December 7th, 2011 at 5:26 pm
@Xenia, I think it would be like this: `< ?php echo do_shortcode('[FMP poster="http://yourdomain.com/image.jpg"]http://yourdomain.com/video.mp4[/FMP]'); ?>‘
46.
Kyle | December 7th, 2011 at 5:30 pm
BTW, Laura’s audio was not AAC. If you’re having trouble playing the videos, look at how you’re encoding them. H.264 video, AAC audio are the best options.
47.
stephen | December 13th, 2011 at 12:20 pm
Hi, I tried to embed an mp4 that I uploaded. Everything works as far as embedding, dimensions and even generating the thumbnail and encoding, but in every browser I look at it in (chrome, safari, firefox) I get the following message after clicking the play button”
“We are having problems with playback. We apologize for the inconvenience”
And I have set up the mime types in .htaccess just to be safe. Any ideas?
Thanks!
48.
Kyle | December 16th, 2011 at 9:08 am
Stephen’s problem was a codec issue. The MPEG-4 video codec will not work. You have to use H.264. If you get that error message, it’s usually because you are using an unsupported video codec.
49.
Rafael | December 21st, 2011 at 9:51 am
Can’t see video in IE8
Only link to download appeared.
It works fine in FF and Chrome, but nothing (nor a black box) appear in IE. Flash is updated too.
What’s the problem?
THANK YOU
Note: This is the code:
[FMP width="608" height="undefined"]http://www.dip-badajoz.es/ficheros/agenda/video/20111221140537_v1.ogv[/FMP]
Right-click or ctrl-click this link to download
50.
Kyle | December 21st, 2011 at 9:55 am
@Rafael OGV isn’t supported by IE. http://en.wikipedia.org/wiki/HTML5_video#Table
51.
joschi | December 21st, 2011 at 7:09 pm
hi
first thing first: great plugin, thanks
unfortunately i have one question and one problem:
if i hit the generate thumbnai lbutton there apears a “Loading…” witch wont finish! ive looket at my rootserver and found the right amount of thumbnails generatet, but they wont show up in my wordpress medialibrary nether in the add video tab… i cant find a solution for myelf… server is running a debian, wordpressversion is 3.3.
and the question: is it possible to show a preview image of the video in the player before the viewer start the video like in youtube?
thanks so long and greetings from berlin
joschi
52.
H Quintana | December 22nd, 2011 at 11:48 pm
I just loaded the plugin into word press, I’m using MAMP to view it on my macbook pro, I put the information in the url and do the generate thumbnail, and I get the error can’t find FFMEPG message. I found the folder in my directory, but not sure how to get it to work. I tried copy /paste the info from the finder, but that didn’t work. On my page it shows the slider and the title, but no video or thumbnail. I’m using a theme I purchased from theme forest called Core. Can you direct me as to what to do. Thanks
53.
Jeremy | January 8th, 2012 at 5:35 am
Hi Kyle, great plugin, thanks for making it available.
I think I am facing a problem similar to Runner2009 or Zachary. I am trying to get thumbnails of vidoes posted in Youtube / Dailymotion. But on clicking on “Generate”, I am getting “Can’t open movie file” message. The link to youtube or dailymotion video is put in the field “Video url”, going through “Embed from URL”.
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/mp4 .m4v
AddType video/webm .webm
- is also added to .htaccess just below # END WordPress
Besides, “Insert to post” button does nothing. My wordpress is 3.x
So it’s me doing something wrong or there is something else?
Thanks again
Jeremy
54.
Kyle | January 8th, 2012 at 11:06 am
The plugin doesn’t work with YouTube or Dailymotion or similar video hosting sites. The URLs for those sites don’t actually point to a video file, they link to a web page or an array of videos. YouTube videos already have thumbnails and WordPress already has a system for embedding YouTube videos. If my plugin pulled content from YouTube, created a new thumbnail and saved it on a user’s server I don’t think it would take long for Google to get mad about that and I like to make Google happy.
The problem with the “Insert into Post” button in the Embed from URL tab seems to show up when you’re in HTML view mode. That will be fixed in a new version coming very soon.
55.
Jeremy | January 8th, 2012 at 12:25 pm
Hmmm … thanks for the explanation Kyle
56.
Mike | January 14th, 2012 at 10:36 am
I installed everything and my videos are H.264 and AAC but no video. When i got to encode the video when I insert it into post I get this output:
FFMPEG missing library ‘libfaac’ or ‘libx264′ required for iPod encoding.
I think its not encoding the H.264 for flash correctly? how do I fix this?
Im on windows IIS7 server, with full access to system. I installed the latest ffmpeg.
57.
Kyle | January 14th, 2012 at 4:49 pm
Mike has uncovered a couple issues. First, the file he was using was shot on a Samsung Galaxy S, which seems to shoot H.264 with AAC audio, but the video format is actually 3GP4, which doesn’t work in the Flash video player. If you’re shooting anything with a Samsung Galaxy S you’ll need to transcode the files to get them to play.
Second, there is more than one way to encode AAC audio. I’m working on a new version that will use libfaac or libvo-aacenc to encode AAC audio depending on what you have installed.
Third, I made a lazy decision that led to the “Encode” button not really working on Windows IIS servers. I’m also going to fix that up soon.
58.
steve | January 16th, 2012 at 10:11 pm
I cant get this to work. I keep getting “can’t open movie file” error. I’ve added the mime types to the mime.types and the .htacces and made sure my path is correct. also, i can generate thumbnails with ffmpeg directly. please help!
59.
Tony | January 22nd, 2012 at 4:53 pm
hi there is a italian translation ?
60.
Kailas | January 23rd, 2012 at 10:49 pm
I have FFMPEG at usr/local/bin, and installed the codecs at
/usr/local/lib/libtheora.so.0.3.3
/usr/local/lib/libvorbis.so.0.4.0
But I get an error that the plugin cannot find the libs. Any ideas?
Peace,
Kailas.
61.
Kyle | January 24th, 2012 at 10:36 am
@Kailas It’s not enough to install the codecs, you also have to configure ffmpeg with the –enable-vorbis and –enable-theora switches and recompile.
62.
Kyle | January 24th, 2012 at 10:46 am
@Tony it’s English only, sorry. I don’t have plans for any translations.
63.
Tony | January 24th, 2012 at 10:48 am
never mind thanks a lot !
64.
Kailas | January 25th, 2012 at 4:47 am
Thank you for the -enable commands. That worked to remedy the error, and I got the message “Encoding WEBM… Encoding OGV…’ but in the /uploads/html5encodes directory the encoded files were just 0kb. Do you have any idea of what might make that happen?
One other error, which I presume would not affect the encoding that it said it was doing, is that I still have to install and enable ‘libfaac’ or ‘libx264′. Should have that done on Weds. But that should not have made a difference for the other files, right?
65.
Kailas | January 25th, 2012 at 4:49 am
The other point is that these QT videos are only about ten meg each. So it should only take fifteen minutes to encode, right?
66.
Kailas | January 26th, 2012 at 4:17 pm
Regarding #65, we determined it was a compile error on the server. Hoping to resolve soon.
67.
Frank | February 1st, 2012 at 4:12 pm
get error on generating thumbnails :
Can’t open movie file.
but the movie file works fine …
Help very appreciated.
Regards,
Frank
68.
Kyle | February 1st, 2012 at 5:10 pm
Frank has .htaccess password protection on his site and FFMPEG is unable to access the video. You can get around it by using the Embed from URL tab. Use the format http://username:password@yourdomain.com/uploads/2012/01/awesomevid.mp4 in the Video URL field.
69.
Kiel | February 3rd, 2012 at 6:52 pm
How long should it take to convert the video? I have the ffmpeg installed and it says Encoding Mobile M4V… but it just sits there. Nothing is happening. Do I have to wait for it to complete before inserting it into the post? I know everything is set up because I can convert using my own script and it works fine.
I am trying to convert an .avi file. Is this the issue?
Thanks.
70.
Kyle | February 4th, 2012 at 1:01 pm
@Kiel. The encoding function is a bit experimental. As it says in the instructions on this page, the plugin will not tell you if there is an error in the encoding or if it’s done. The length of time it takes to encode depends on your processor speed, the length, and resolution of the video. Also, you can’t embed AVI files, so make sure you change the embed code (after inserting) to whaevervideofilename-ipod.m4v
71.
matt | February 13th, 2012 at 5:38 pm
I got an error after successfully generating thumbnails
Notice: Use of undefined constant generate – assumed ‘generate’ in line kg_callffmpeg.php on line 121
Notice: Use of undefined constant generate – assumed ‘generate’ in line kg_callffmpeg.php on line 138
any ideas?
thanks
Matt
72.
Kyle | February 13th, 2012 at 6:00 pm
@matt That’s my bad programming. “generate” wasn’t enclosed in quotes. It’s fixed in the new version coming out soon. But I’m surprised that error is showing up in your browser and not in your error logs or just ignored altogether. Did it cause any problems for you?
73.
matt | February 13th, 2012 at 6:17 pm
@kyle – Yes I don’t see a list of thumbnails that previously generated by ffmpeg inside worpdress add media modal box.
74.
matt | February 13th, 2012 at 6:26 pm
@kyle – i found the solution. i added the code below inside kg_callffmpeg.php.(before Process class) and everything is working fine now.
define(‘generate’,'generate’);
define(‘submit’,'submit’);
define(‘encode’,'encode’);
define(‘delete’,'delete’);
75.
Bill | February 21st, 2012 at 4:10 pm
In video-embedthumbnail-generator.php in kg_check_ffmpeg_exists() there is a line
if ( $exec_enabled == true && strpos(end($output), ‘even better’) != false ) { //if FFMPEG executed
This was failing for me even though I have ffmpeg installed and working. I am not sure why it was done this way but I changed it to look for FFmpeg as the first thing in the response from the exec and it is working fine.
Maybe there is a better way to do this besides looking for a phrase in the exec response?
76.
Kyle | February 21st, 2012 at 4:30 pm
@Bill, yes, I did that last night and it worked on two different installs, but that was a dumb way to do it. I’m just going to check that the file exists.
77.
Aaron | March 5th, 2012 at 12:52 am
This is a wonderful idea however i cannot seem to get it to work properly. My video is a Mp4 H.264 video and aac audio with resolution of 1920 × 1080, the video embedds correctly and plays however I only get sound… no picture ..help?
78.
Aaron | March 6th, 2012 at 12:45 am
I used Quicktime to encode my Mp4 video that i had recorded with my Samsung Galaxy S II, change the format to m4v/m4p, which i still think is H.264 AAC but it scaled down 960 × 540… seems to work now
79.
Quint | March 9th, 2012 at 7:04 pm
Hello Kyle,
Thank you for the plugin! You are correct that when “Embed from URL” is used where someone tries to embed a vimeo, youtube, etc video, the player will not work.
Is there a way to turn this off based on role? My members, who have access to a front end post editor, will undoubtedly try to do this.
Lastly, on my blog page, I have several other elements, such as, a tab widget, and a slider. When I tried to use the embed from url and used a vimeo link and then posted it to my blog, the slider disappeared. The only reason I bring this up is that on the occasion one of my members posts according to the scenario above, I don’t want my slider to disappear and I would rather not have to go and delete their post.
Your thoughts?
80.
Kyle | March 12th, 2012 at 10:53 am
@Quint, thanks for bringing that to my attention. It’s not something I even considered as a possibility. I could restrict it by role. I’ll look into that. I could also just prevent users from inserting vimeo, youtube, and other popular video sharing urls since none of them will work. I’m busy on other things right now, so development is on hold for a little while, but I’ll put it on the list.
81.
Rick | March 12th, 2012 at 6:35 pm
Hi Kyle, this is a terrific plugin, and it works great for me. I have one feature request though: is it possible to add a preference to allow for full screen playback to “fit”? I’d like to have the full frame of the video, and have black bars R/L or T/B depending on the format. I Often shoot in portrait for example, but want the full screen to also be full frame.
Thanks again and great work on this plugin – it really is terrific. Rick
82.
Jimbo | March 13th, 2012 at 1:53 am
Hi Kyle, first of all great plugin and thanks for taking the time to develop and release it to the public for free use.
I have a couple of questions :
1. How did you output an mp4 file like you have on this page using your plugin, I don’t see the extension for that. Or is .m4v an equivalent and safe to rename as .mp4?
2. I have checked out my converted videos using GSpot and it reports the .m4v as having : Audio = “mp4a: MPEG-4 AAC LC” and Video = “H.264/MPEG-4 AVC”. Is this what it should be for maximum compatibility? I read somewhere here that you say not have MPEG-4 so I need some clarification please because for some reason the video here will play on my Android GIO but when I do a conversion on my own website the file refuses to play. I checked out the mp4 you have on this page using GSpot and it says it has exactly the same audio as mine, but the video says only “H.264″ without the “MPEG-4″ part
3. If I embed a video is there some sort of browser detection in this plugin that will change the filetype to one that is supported automatically? If not then how do I embed all the different types without having multiple players show up? JWPlayer could probably do it using the html5/flash embed method but I wanted to see if your plugin can do it instead.
…and heres a suggestion – add support for Mp4Box (or maybe even qtfaststart) to shift the moov atom from the end of the file to the start of the file. It is mega easy to add this to your code and you could have a checkbox or detection setup to enable/disable it. That way videos will start to play as they load as opposed to only playing when they reach the moov atom. JWPlayer acts like this when a moov atom is at the end of the file.
Anyway again thankyou for the plugin, it’s awesome.
83.
Kyle | March 13th, 2012 at 10:42 am
@Jimbo
1. There’s a link near the top of the page that explains my encoding settings. I use Apple’s Compressor program, which comes with Final Cut Pro. m4v and mp4 are essentially the same thing, but changing the file’s extension is unnecessary. m4v will work just as well as mp4.
2. The whole question of codecs is a difficult one. Different programs report different names for the same codecs. Yours seems fine. The easy way to figure out if it will work is to try it out.
3. My plugin works in a similar way as JWPlayer, although it favors Flash. If you have Flash installed in the browser it will use the Flash player. If you don’t have Flash, it will substitute a compatible HTML5
videoplayer with one of the 3 formats supported by the various browsers as long as those files exist on the server. Nobody will see multiple players.I started trying to add Mp4Box and qtfaststart support (which to me didn’t seem “mega easy”) but then I did some more testing and the player was playing as the files loaded without doing anything extra. Have you had problems with files encoded by my plugin not playing as they load?
84.
Jimbo | March 14th, 2012 at 6:18 am
thanks for the reply Kyle
I did a bit more research and as you have stated yes it’s fine to change .m4v to .mp4 if I need to, it’s also easy to edit your code to output an .mp4 file. Maybe you should give that option just for the sake of it? I wanted to change the files to mp4 because A) It sounds cooler, the big brother of .mp3
B) It seems there are a lot of video players that say they support .mp4 but little that even mention .m4v, even though they probably wouldn’t have a problem like you have said.
I would like to try the videos out on something other than my desktop PCs browsers but my only device is an Android GIO, which is totally lame when it comes to viewing vids. To get yours to play I had to shutdown the device, start it up again and then clear all the RAM with the task manager, then view your file. I tried several times to play it before that but it wasn’t until I did some searching and found the restart/clear RAM method on Google that it did finally work. My videos would not play at all but that could be just because of the limitations of GIO or/and the moov atom problem. The whole restart/clear RAM thing was annoying me so I just gave up on that idea. The GIO doesn’t even have Adobe flash player installed and it’s not possible to install it unless I ‘root’ the device and put in a hacked version, which is strange because all Youtube videos play on it without a problem. Anyway I guess I could borrow a mates superior device and check them out some other time.
Viewing the videos in my PCs browsers is ok except that if I embed one type, like the ipod.m4v converted video, and watch it in Firefox or Opera it says “Sorry we are unable to connect to the content… etc” , when I use IE or Safari it works. I have all the options checked for encoding (H264, webm, ogv) and the various files are created. The poster image shows up in all browsers. Now if I change the embed url manually from “[FMP poster="http://mysite.com/wp-content/uploads/caught_thumb4.jpg" width="640" height="272"]http://mysite.com/wp-content/uploads/caught-ipod.m4v[/FMP]” to “[FMP poster="http://mysite.com/wp-content/uploads/caught_thumb4.jpg" width="640" height="272"]http://mysite.com/wp-content/uploads/caught.ogv[/FMP]” then they all work. Using an embed code with the .webm file fails in IE but works in the other three browsers. So another question is, shouldn’t the default embed be the ogv file instead of the ipod.m4v version? the ipod version is what gets inserted when I upload the video using your plugin, convert it and then press “insert into post”. Also if I do this manual change, when someone with an ipod looks at the post will they be given the ipod version with the latter embed code I manually change to or will they be forced to view the .ogv? I am guessing by what you have said that the ipod.m4v would be delivered but I thought i’d check with you again anyway because the default ipod.m4v file that fails doesn’t get swapped to .ogv when I use Firefox or Opera like I said. And yes I have flash installed on Firefox etc
Regarding Mp4Box, if I examine the video you have on this page with notepad, I can see the moov atom is at the start of the file because that is what you have setup in the quicktime movie thing you pointed me to. The thing is ffmpeg does not do this, it will put the moov at the end of the file. I opened one of my files converted using your plugin and can see the moov at the end. Have you tried viewing a very large video converted using ffmpeg yourself? If you have a really fast connection with a small video size you won’t notice the problem. Try throttling your connection and using a large file and you will see what I mean. I can tell you with 100% certainty that JWPlayer will not play a video with the moov at the end until it reaches it because that is what contains all the information needed to actually play the file as you would already know. I have not fully tested this out with your plugin yet but I think it would do the same when using the flash player of your plugin since that is what JWPlayer basically is. I’m not sure how the html5 player will act. I’ll let you know after some more testing.
To add mp4box to the ffmpeg exec command you have in your plugin is very easy, you simply have to tack it on to the end. I can give you a two-pass ffmpeg linux command that uses mp4box if you want to try it. It has been tested on thousands of videos of varying types, dimensions and sizes and never fails for me.
Thanks for your time
85.
Jimbo | March 14th, 2012 at 7:23 am
update:
I only just noticed the 3 different embed types that can be chosen, so I don’t have to change the file extension manually.
Also what I said about ogv extension in IE, scrap that, it now gives me a red x where the video should be.
So now the behaviour is as follows -
embed m4v : All browsers use flash, it works in Safari and IE but fails in Firefox and Opera.
embed ogv : All browsers use html5 player, works in Firefox Safari and Opera but fails in IE
embed webm : All browsers use html5 player, works in Firefox Safari and Opera but fails in IE like ogv
So for some reason when ogv and webm embeds fail in IE it won’t default to the Flash Player. When I use the m4v embed and it fails in the Flash Player for Firefox and Opera, they won’t use the Html5 player.
86.
Jimbo | March 14th, 2012 at 7:47 am
Since m4v (and mp4) both rely on a moov atom for the videos information I am now thinking that this is the problem. There is no red x given to say “We cannot connect to the content you’ve requested. Sorry for the inconvenience”. Now when I tried the .m4v in IE and Safari, they did play but there was a noticeable pause while the video was obviously loading in the background up to the moov atom, then they played. I also noticed that when they did eventually play that the buffer bar was already loaded to the end. So I am guessing that Firefox and Opera won’t wait for the whole video to load and instead they say they cannot connect to the content whereas IE and Safari aren’t as impatient. (Well done IE for actually doing something right for once, now how about playing HTML5 ogv and/or webm like all the rest!?!)
So anyway now I’ll go out on a limb and say you really need to add Mp4Box or qtfaststart support. I’ll hack your plugin tomorrow and add the correct Mp4Box command to the ffmpeg command you have and then let you know how it goes. I am betting that all browsers will play the videos then using Flash player without a problem… Hey it might even allow the videos to play correctly on my GIO if i’m really lucky
87.
Jimbo | March 14th, 2012 at 7:56 am
One last thing before I sign off for the night, your plugin won’t detect my linux ffmpeg install even though it exists at the default location your plugin looks for it. I had to force it to use my ffmpeg by hacking the code. Maybe you could look into adding an option to force the use of ffmpeg if the person using your plugin knows it actually exists and works on their machine.
88.
Jimbo | March 16th, 2012 at 10:51 am
I did a quick test by converting a video to .m4v using your plugin, then checked it out on Firefox. No go, I still got the error message saying couldn’t connect to the content. Then I went and manually ‘hinted’ the video using MP4Box and then when I viewed the embedded video in Firefox (and Opera) it worked
So there is the solution to the problems I have had, the moov atom MUST be shifted to the start of the file. You can try this out yourself by doing an ffmpeg encode instead of using your quicktime movie converter thing and you will see for yourself that they do not work as is without the help of MP4Box or qtfaststart.
89.
Jason | March 21st, 2012 at 6:31 pm
Hi there,
I don’t seem to be able to get any videos to play on private pages – can you point me in the right direction please?
Many thanks,
Jas
90.
Norman Dallura | March 22nd, 2012 at 10:48 pm
This is an outstanding plugin. However, I’m having problems getting the thumbnail to display. I’m thinking it would show behind the Play button, correct? Am I missing something?
[FMP poster="http://ctl.dallurawebdesign.com/ctlwp/wp-content/uploads/SaturniaWP.jpeg" width="640" height="360"]http://ctl.dallurawebdesign.com/ctlwp/wp-content/uploads/SaturniaWP.m4v[/FMP]
91.
Norman Dallura | March 23rd, 2012 at 5:26 pm
I found the problem. The thumbnails need to be jpg, not jpeg.
92.
Jimbo | March 27th, 2012 at 8:56 am
Ok here’s a quick and dirty hack to get Mp4Box working in your plugin, of course it could be a lot more elegant but anyway this will work.
—————————————————————————-
Open video-embed-thumbnail-generator.php
After (at around line 1516):
$percent_done = 100;
Add:
$basename = substr($logfile, 0, -16);
$mp4boxfile = $basename.”-ipod.m4v”;
//exec(‘(nohup /usr/local/bin/MP4Box -tmp /tmp -hint ‘.$mp4boxfile.’) > /dev/null 2>/dev/null &’); // Use this for RTMP streaming
exec(‘(nohup /usr/local/bin/MP4Box -tmp /tmp -inter 500 ‘.$mp4boxfile.’) > /dev/null 2>/dev/null &’); // Use this for HTTP streaming
—————————————————————————-
You can possibly omit the ‘-tmp /tmp’ bit for linux because it knows where to put the temp file anyway in most cases but I’m pretty sure it is required for Windows, in which case make sure the directory actually exists.
To find the location of your MP4Box install in Linux just type the following in shell “which MP4Box” and replace the “/usr/local/bin/MP4Box” part in the exec command with your location. Make sure you type the upper-case and lower-case letters for MP4Box correctly or you won’t find anything.
Kyle if you can get MP4Box integrated into your plugin as a standard feature that would be great.
In regards to the mp4 vs m4v thing I’m still not sold on the m4v output of your plugin but will stick with it for now. I found this article interesting – http://www.differencebetween.net/technology/difference-between-mp4-and-m4v/
93.
Amelia Rush | March 30th, 2012 at 3:05 am
I am not sure this is what I am looking for… I am new to WP and plugins etc but what I was looking for is so when a link in inserted into a post it generates a thumbnail of video or of picture etc like it does when you post a link on Facebook.
thanks
94.
Kyle | April 2nd, 2012 at 5:44 pm
Jimbo, thanks for doing all that work on this moov issue. I’ve been busy with other projects, but I’ve finally had some time to work on this and I see now that if you start with a video that doesn’t have the moov atom in the beginning of the file then you’re in trouble. Since this was originally written for an audience of one (me) I always started from the assumption that the original file was created correctly, with the moov atom in the right place, but I’m finding that that is the opposite of what I should assume now that the wider world has gotten its hands on this thing. I didn’t even realize that people would want to upload non-standard videos (WMVs, AVIs) and only encode them on the server. So I’m playing catchup with the amazingly diverse needs everyone has. I never set out to create anything nearly as robust as even what this is now.
The main problem is with the Flash player. It just won’t load an MP4 video if the moov atom isn’t up front. But it seems that in the absence of Flash, HTML5 video tags will load the H.264 file up either way, although it probably won’t stream as well as it would if the moov atom were at the beginning. Because of my incorrect assumptions, all of my testing with files that were generated via FFMPEG was done on video tags.
Your hack will work for some people, but it has some limitations anyone trying this out should know about. First, and obviously, MP4Box has to actually be installed at the location you hard-code in. Second, if you close the window before encoding is finished, MP4Box won’t run. Third, nohup doesn’t work on Windows servers. Other than that, it’s a good quick fix to tide anyone over who’s running into this problem.
My long-term plan is to implement an encoding queue, which will take care of a lot of problems, and will make a more comprehensive implementation of QT-Faststart or MP4Box possible. It will also allow for things like 2-pass encoding.
I’m using the M4V extension because at the time I started writing this about two years ago, the vast majority of media devices that didn’t work with Flash were created by Apple, and Apple likes M4V. Obviously that’s changed a little bit, especially now that Flash mobile is going away altogether, but now you’re stuck with it because I have to support all the people who have been using this plugin for a long time. And it doesn’t bother me at all. M4V is like OGV. It’s a more specific name than OGG since OGG can be video or audio-only, but OGV lets us know that it’s a video file. The same is true for M4V and MP4. They’re the same format, but M4V is a more specific name. If it bothers you, feel free to change the plugin to suit your needs. If you can point me to a device that has a problem with M4V files served up via a video tag, I’ll consider changing it, but I’m not aware of any problems that could be caused by using M4V.
95.
Jimbo | April 9th, 2012 at 2:13 am
Hi again Kyle and thanks for the reply.
In regards to nohup, as long as you reach 100% encoding while the window is open then the mp4box command will execute and complete no matter if the window is closed. But yes you are right to say that if the window is closed before 100% it will not even start. Anyway the way around this is to simply piggyback the mp4box command on the end of the ffmpeg command using && as you probably already know. Maybe you could do that for your encoding queue idea, and only for the flash files. So if someone ticks a box to say they want to use MP4Box (or qt-faststart), it will add the command to the end of the ffmpeg call. Using a ffmpeg two pass encode is the same, the 2nd pass can be piggybacked on the end of the 1st using &&, then another && used at the end of the 2nd pass to add the Mp4Box call. With nohup added to that everything will execute even after closing the window when using Linux. I know nothing about windows and if it has an equivalent command for nohup, all my info is for a Linux box only but I have heard you can run the command as a service to achieve the same result.
Thanks for the explanation about m4v vs Mp4, I am happy to use m4v now, I haven’t had any problems with it after doing some testing.
Your comment prematurely ends for some reason but anyway thanks again for releasing this AWESOME mod to the public, I use it on many websites.
96.
Mark Penaverde | April 14th, 2012 at 2:06 am
Is this playable on Facebook?
97.
milad | April 20th, 2012 at 2:07 am
hi.and thanks alot for great plugin ..but i’m having a problem with this plugin..when i publish a video , it doesn’t have problem in chrome but in firefox and opera and ie it doesn’t play ..any help really appreciated..
98.
Michael Clark | April 20th, 2012 at 3:49 pm
One of the websites I provide support on uses this plugin. It was updated the other day and since then I get the following error:
Warning: in_array() [function.in-array]: Wrong datatype for second argument in /home/jorgain/public_html/wp-content/plugins/video-embed-thumbnail-generator/video-embed-thumbnail-generator.php on line 339
I looked in said file and see the argument is $flashcompatible.
Any advice?
99.
Kyle | April 20th, 2012 at 4:15 pm
Thanks MIchael, can you be more specific about when and where you’re getting that error?
100.
Michael Clark | April 20th, 2012 at 4:59 pm
It shows on the page where I have the video embedded. The error message I posted earlier displays above the video. The video still shows a play button, but when I click the button, I get the following message in the player:
We are unable to connect to the content you’ve requested. We apologize for the inconvenience.
It’s almost acting like it can’t find the video, but I’ve double checked by pasting the video source and it’s still there.
101.
Kyle | April 20th, 2012 at 5:59 pm
Wow. That is a serious mistake on my part. I’ve fixed it and released version 2.0.5 which should fix your problem.
102.
Michael Clark | April 20th, 2012 at 10:00 pm
Thanks Kyle. Whatever you did fixed it. Kudos.
103.
Dan | April 20th, 2012 at 11:32 pm
Just wanted to thank you for this great plugin!! It’s just what I have been looking for. Top Plugin!
104.
Brad | April 24th, 2012 at 6:51 pm
Hello,
I am having a strange error with all my preview images. If I have reference to poster= plus the JPG URL inside the inital FMP tag I get an error that states:Argument Error – Invalid parameter passed to method. If I remove the poster code all is well again but no preview image of course. The strange part is this used to work just fine but now the poster tag is choking both the preview image and the video won’t run after the error.. It seems not to be browser specific. Same message in IE and Chrome. Has the poster syntax changed?? I am using the same size JPG as the video resolution. I’m stumped.
105.
CJ | April 25th, 2012 at 7:50 pm
Hi, Awesome plugin!! Been looking for something like this for ages. I installed the plugin and ffmpeg and it does add the video to a page ok, but it won;t do the Thumbnail generation or encoding. I get the same error, so I am assuming it is the setup on the server. Hopefully you can help me out.
The error is:
Can’t open movie file.
[mov,mp4,m4a,3gp,3g2,mj2 @ 0x12d68b0]Could not find codec parameters (Audio: aac, stereo, s16, 189 kb/s)
http://makingwordpresseasy.com/videos/GloryBreakthroughFinal.mp4: could not find codec parameters
I added the lines to the root .htaccess file but still get the same error:
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/mp4 .m4v
AddType video/webm .webm
Any help would be appreciated. Thank you for all your work on this. Quite the undertaking!
106.
Kyle | April 25th, 2012 at 8:43 pm
@CJ. You’re having an FFMPEG problem. My guess is you don’t have libx264 installed.
107.
milad | April 28th, 2012 at 4:49 am
hi and thanks alot for great plugin. but im having a problem with this one. my videos don’t play in firefox 12 or opera 11 or ie 8 .but chrome 18 works perfect..any help really appreciated.
108.
milad | April 28th, 2012 at 10:22 am
for example this page we are on..just try it in firefox 12..videos won’t play.
109.
Kyle | April 28th, 2012 at 12:08 pm
Works fine for me in Firefox 12 on Mac & Windows. My guess is it’s a Flash installation problem. Have you tried it on any other computers?
110.
CJ | May 1st, 2012 at 6:30 pm
Just to follow up it was my server settings and the plugin works great! Thanks for all the work you have put into that!
Thanks!
111.
Phillipinnes | May 9th, 2012 at 3:31 am
Hi Kyle,
first of all thank you for so valuable plugin .
Did you fix a bug with video won’t play while loading ? I was trying to find an answer in the comments but failed to.
Leave a Comment
Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Trackback this post | Subscribe to the comments via RSS Feed