Embedding video from blip.tv, YouTube, etc.

There's a nice module - Embedded Media Field - that lets you show videos on your site by just putting the URL on a page. I struggled a bit in setting it up, so I thought I'd write this quick step-by-step guide.

  1. Make sure you're looged in as user/1 (the first account that was created on your site).
  2. Go to site building > modules > list.
  3. Enable these modules (they're already installed on ox4.org): Embedded media field, embedded video field (both listed under CCK), and embedded inline media (listed under other). Make sure to save your configuration.
    Update 2010-09-26: The latest version of the module means that you need to enable a module for each provider that you want to use. If the provider is not lists, try the flotsam modules.
  4. Go to site building > input formats > list.
  5. Click the configure link for full HTML.
  6. Under the filters heading, check the box for embedded inline media. Save your configuration.
  7. Click the configure link for full HTML.
  8. Go to configure.
  9. Make sure all the providers you want to use are selected. Make sure that the width and height values are filled in for video display, video preview, and thumbnails. Save your configuration.
  10. Go to rearrange.
  11. Make sure that embed inline media is above the URL filter. Save your configuration.

That's it. Now when you create or edit content you can just paste the URL into your content. Make sure the input format is set to Full HTML.

Here's what I get when I paste http:// blip.tv/file/2810992/ (without the space in the URL). Sometimes when you first save the page this text appears: FAIL (the browser should render some flash content, not this).This seems to vanish if you refresh the page.

The embedded media field module that I've used here can also embed photos (e.g. from Flickr) and audio (e.g. from Odeo), as well as creating thumbnails. Have a play around and see what you can do.