Update to Video Embed & Thumbnail Generator Compatible With WordPress 3.5 and All Kinds of New Stuff

I’ve been working on this one for way too long. I was all set to release a big update to my Video Embed & Thumbnail Generator WordPress plugin when I found out in November that WordPress version 3.5 messed with the media windows enough that I’d have to do a lot of tweaking to even maintain the functionality I had before. I think I’ve finally sorted everything out, and I apologize to anyone who updated to 3.5 right away and hasn’t been able to make thumbnails for a month. I think the wait was worth it.

For me, the coolest new thing about this version of the plugin is the video gallery. It’s pretty and it was actually one of the easier things to do. I designed the basic functionality last summer in order to display rough cuts of the 50 short monologues I edited for CenterStage’s 50th anniversary. (For the finished product they designed their own site using Vimeo for playback.) Here’s a sample gallery of my short-lived animated series:

The most important new feature is probably the addition of Video.js as an alternative to the old Strobe Media Playback Flash player. Video.js solves the problem I used to have with native HTML5 players, which is that they were ugly and all look different. It’s also lighter and more flexible, and I highly recommend switching to it. I managed to add Google Analytics tracking too, if that sort of thing interests you.

I wasn’t keeping up with FFMPEG’s development and totally missed the fork to LIBAV. I know most of you haven’t updated FFMPEG in ages so it didn’t seem to cause much trouble, but I now support calling LIBAV directly.

MP4 files encoded by FFMPEG save the moov atom at the end of the file and that was causing problems with streaming playback. I knew the way to fix this was to implement a queue system for encoding videos and run qt-faststart or MP4Box once the file is encoded, but I also knew to do it right would stretch my meager programming skills to the limit. I spent a long time on it, but it seems pretty good now. One of the most difficult things was interpreting the output from FFMPEG because it’s not really designed to interface with other programs like I’m doing. And then I had to make everything look pretty and work with AJAX because what’s the point of making something ugly that forces you to refresh all the time?

4 replies
  1. Ryan
    Ryan says:

    I just just updated the plugin and now ffmpeg is not working. Is there anything I can do? It was working before the update.

    Reply
  2. Kyle
    Kyle says:

    @Ryan, I made a mistake when I checked in the repository last night and accidentally released version 4.0, which wasn’t quite ready. Can you give me some details on the problem you’re having? What do you mean specifically by “not working?”

    Reply
  3. Dave Wateridge
    Dave Wateridge says:

    I am also experiencing a problem with the latest version on a variety of platforms.

    Videos are no longer shown at all on the iPad

    In Chrome and Firefox videos play but the thumbnail is repeated above the video box.

    In Internet Explorer the thumbnail wont display instead the error TypeError – Error#1034 is displayed and the video cannot be started

    Reply
    • Kyle
      Kyle says:

      @Dave I need a link to figure out what the problem is. It’s definitely a JavaScript conflict, but I can’t guess what the specifics of the conflict are.

      Reply

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply to KyleCancel reply