Within our organization we use video hosted on Vimeo to stream our media as it is both an awesome and cost effective service.

The rub is that the users of my apps would much rather have an easy way to embed their videos rather than embed using the available CKEditor embed function, as embed code can pretty scary to end users and using the new iframe embed method made video from Vimeo and Youtube available on iphone/ipad/etc.

So I reengineered the embed plugin to let an end user embed a Vimeo video to their content by only providing the Vimeo video’s id. By adding the vimeo plugin to the CKEditor config, and including Vimeo in your toolbar definition you now have a shiny vimeo button:

By clicking on the Vimeo icon the user receives the following dialog box:

After entering the id and OK the video is embedded in the content. Power users can then modify widths, and other settings.

Oh and as you may have noticed above I have done the same for ‘Youtube’ as well.
Just call on plugin youtube and use Youtube to get the shiny Youtube button and embed function.

They are a bit rough but at the moment they get the job done. Feed back is very much appreciated.
vimeo plugin (zip) | youtube plugin (zip)

Update:
You may have to first click on the editor window for the embed to work. as it needs to know where you want to place the video. I will look into adding a focus so this is not necessary.

As a side note if you are using the plugin on an https domain you may want to update the vimeo URL to “https://secure/vimeo.com/…” and YouTube to “https://youtube.com/…” to avoid scary errors in IE and missing content in the editor.

I always dreaded creating image headers for websites, but always saw the headers as the perfect place to add style and tie the content to the design. Then along came SiFR(www.mikeindustries.com/blog/sifr). I could now embed font in flash and use java script to call upon all the font, and css to provide additional style. Life was very good, besides the sporadic issues with the font not showing up in certain Microsoft browsers, have you heard of them.

But today I again revisited text-replacement and found typeface.js. It is just awesome and strictly a javascript based tool. I just used it for the first time on http://burningtreecellars.com, and it ease of implementation is astounding. If you are on the hunt for a standard based tool for text replacement, I can do nothing but highly recommend it.

Take it for a spin: Typeface.js (http://typeface.neocracy.org/)

Disclaimer: I have yet to run it through the gauntlet of browsers to verify cross browser compatibility but will keep you posted if weirdness rears its ugly head