With the online video industry taking off, you may want to know some easy ways to add video to your WordPress sites. There are several great WordPress plugins for adding video content to your blogs. In this guide I’ll go over:

  • Adding your own hosted .flv videos to WordPress
  • How to embed videos from video sites such as YouTube

Start adding videos to your WordPress sites today and read on…

Playing hosted flash videos

If you can create your own .flv videos, and would rather not host them on a third-party site, there’s no better plugin than FLV Embed. With this plugin you can add your video to a post or page with a quick tag. First you need to get the plugin from WordPress.org at install it through OneClick or manually.

Once installed and activated, you’ll be able to configure the settings of the FLV player when it’s displayed on your blog.

FLV Embed Options

In addition to setting options such as colors, you can also have your own logo embedded, have “Full Screen Mode” enabled, set the default volume, among other features you’d expect to see from a fully featured video plugin.

To display a video in a page or a post, you’d use a quick tag similar to the following:
[flv:your-video.flv optional-portrait.jpg 425 355]

The first option, currently your-video.flv, is obviously the name of the video in the path you set on the options page. You can also set it as a full URL. The optional-portrait.jpg is optional, and is what will show up as a “preview” before the video is played. The 2 numbers are width and height, respectively.

Embedding videos from other sites

Several popular video sites such as YouTube, Google Video, MetaCafe, IFILM, and others offer “embedding” code that will allow you to place a hosted video up for display on your own site, without sacrificing your own bandwidth resources. For WordPress, there is an easy plugin that you can use to embed videos in a similar “quick tag” format as above. It’s called Viper’s Video Quicktags.

Currently this plugin supports the following video sites:

  • YouTube
  • Google Video
  • IFILM
  • MetaCafe
  • MySpace

These among other hosted video formats as well. You can get the plugin at WordPress.org. Once activated, you’ll see the options for the video sites on your post menu, which will prompt you for the video URL. It will generate the code in quick tag format to be displayed in your post.

Vipers Quicktags in Action

As you can see, it’s a very simple format. All you need is the YouTube video URL. It’s a similar format for the other supported video sites as well.

Conclusion

If you post videos frequently on your blog I’d highly recommend these plugins, especially Viper’s for the quick tag post integration for all those video sites.

Feel free to comment and share if you liked this WordPress video guide. Subscribe to the feed for more Theme Lab updates.

Subscribe to RSS

By: Leland on May. 3

Bookmark and Share

19 Comments »

Comment by Robin
2008-05-03 14:28:16

Hi Leland, Viper Video plugin is cool and it can be useful to put un-embedable videos, but:

1. Ever since i upgrade to WP 2.5 (and 2.5.1 lately), the plugin noted to be updated, but everytime i try to update and re activate it, the plugin gets error. Now i let it not up to date (which considerably dangerous?).
2. The video not showing in feed but links to original video.

My favorite is always to run on html mode and embed the video codes. However, in WP 2.5. i can simply embed the code, switch back to Visual mode, and align the video to center to make it balance in posts. But in WP 2.5.1., the video turns to blank image everytime i put it on center.

Do you get these errors too?

 
Comment by Leland
2008-05-03 17:21:51

@Robin: I’m actually using Viper’s plugin on another site (powered by 2.5.1) and don’t experience such problems.

 
Comment by Cliff Calderwood
2008-05-03 21:17:47

Do you have a tutorial on Podcasting - I searched but couldn’t find one?

Cliff

 
Comment by Leland
2008-05-03 21:25:58

@Cliff: Not yet. ;)

 
Comment by Fabino Subscribed to comments via email
2008-05-03 22:37:43

Very good recommendations! Thanks a lot!

 
Comment by Robin
2008-05-03 23:41:44

I try to upgrade Viper’s today and it works. Thanks.

 
Comment by Nikhil Gupta Subscribed to comments via email
2008-05-05 02:01:13

Hi Leland, I am using this plugin. But when I use the tags to display the video, instead a text link pointing to the YouTube Video is created. Is there something I’m missing?
How can I configure it to show the Video as an embedded Flash Video?

 
Comment by Leland
2008-05-05 06:55:34

@Nikhil Gupta: You’re probably not using the right button…try just typing in [youtube]http://www.youtube.com/watch?v=MWYi4_COZMU[/youtube]

It should display an embedded YouTube video. For the flv you may want to try it with [flv] tags or just use the FLV embed plugin how I explained above.

 
Comment by Nikhil Gupta Subscribed to comments via email
2008-05-05 07:06:57

ok will give it another try, Leland…
But the reply was quick :P

 
Comment by Remkus Subscribed to comments via email
2008-05-05 11:50:28

Hi Leland,

Great plugin and seems to work perfectly inside the loop, but do you have a solution if you would like to use it as a widget in the sidebar?

 
Comment by noxpert Subscribed to comments via email
2008-05-07 02:33:44

Re: embedding help, please….
How would I embed something like the code below: WP just seems to strip it out when I use the normal editor for a post:

 
Comment by noxpert Subscribed to comments via email
2008-05-07 02:37:41

Posting not working for me: how do I embed flash movie with URL?

 
Comment by Leland
2008-05-07 05:25:14

@Remkus: I’d just use a text widget, but there may be a better plugin available. I’m not sure.

@noexpert: Not sure why you’re having problems. You may need to use the code editor.

 
Comment by agriya Subscribed to comments via email
2008-05-15 02:37:41

It is nice and useful

 
2008-05-21 18:28:25

I use Viper’s plugin, too. I find it easiest to use.

 
Comment by Agriya Flv Player Subscribed to comments via email
2008-05-22 05:54:45

It is easy to use. It’s very nice.

 
Name (required)
E-mail (required - never shown publicly)
URI
Subscribe to comments via email
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

Trackback responses to this post

Recent Comments

  • Andrea: There we go - thanks. :) Can’t wait to try this out.
  • Pete: Brilliant!
  • Leland: Really sorry about that! Download link fixed. I had forgotten to add the file to the download manager. @Anto:...
  • Robin: Hi Leland, i think this is a cool theme. Really like it. However, seems like you put a wrong download link?...
  • Anto: This is nice and clean i love it. Will the dude be releasing more templates? Nice port non the less man, keep...

About The Author

Welcome to Theme Lab. My name is Leland, and I run the place. I write all the tutorials and code all the themes you see here on the site.

For more information about me, feel free to read the about page. If you want to drop me a message, feel free to contact me.

Interested in advertising on Theme Lab? We have advertising available at very reasonable rates. Head on over to the advertising page for further details.

Please read our Privacy Policy and Terms of Service in regards to theme usage.

© 2008 - Theme Lab - Powered by WordPress