X

Easily Add Videos to Your WordPress Blogs

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.

Comments  Leave a Reply

  1. Okay, lets say you have a flv file called video.flv that is 480 pixels high and 368 pixels wide. You can upload it through FTP to /wp-content/uploads/, so the full path to the video is http://www.example.com/wp-content/uploads/video.flv

    With the FLV Embed plugin activated, you would insert this shortcode into your post, like you would any other kind of content.

    [flv:http://www.example.com/wp-content/uploads/video.flv 480 368]

    However with the FLV Embed on, it would translate this into a fully featured video player, and will output the proper HTML in your published post.

    Hope this makes sense.

    1. THANKS so much Leland for your help. It only took 2 plus hours to get working but it would have been more without your advise.

      One more question about a standalone webpage. Would you use the same code format? I understand you also have to upload the FLV player into the same folder as your video file?

  2. @randy: Camtasia creates a bunch of files you would need to run an FLV file on a standalone webpage (i.e. the Javascript and HTML) but with the FLV Embed plugin installed, it has all of these taken care of already. You just need to upload the FLV file.

    Okay, now I see why you’re getting confused. I actually installed the FLV Embed plugin myself (on Theme Lab) and the shortcode is now being turned into a blank video. The shortcode should be written in this format:

    [flv:url width height]

    1. Thanks Leland. Please bear with me as I don’t know what you mean by short code or how to insert that.

      (I have inserted code from YouTube but that code was already generated for me)
      Do I insert that short code into the html part of editing a post. Do I manually type it in or is this something I insert by clicking and copying and paste.

      Could you please explain how to translate my uploaded video file information into your ‘short code’.

  3. Ok so I create an FLV file
    Do I just upload that to the media folder.
    How then do I insert that into a post so that it shows. Do I do just click on add video icon?

    The reason I perhaps am confused is that I have Camtasia studio which when you publish for a blog creats a folder with a shockwave Flash object, a Htm file (which must be opened for play) and a Jscipt file. When I upload these to the media folder and insert it just creates a link in the post which doesn’t work???

  4. @randy: Well, with FLV embed…you would need an FLV video file.

  5. OK so I’m installed FLV embed plugin but what do I do after that? What kind of file format must I upload to my blog and how do I insert that into a post?
    Sorry about this newbie question.

  6. I need a plug in for WP 2.5 to embed others’ .WMV files, any exist?

  7. General Marketing Blog - Hints, Tips and More June 28, 2008 at 1:23 pm

    […] Easily Add Videos to Your WordPress Blog – Themelab.com […]

  8. Wired to The Sun » Testing Videos June 3, 2008 at 8:40 pm

    […] a blog post on adding video to WordPress and saw something about plugins, but it would seem that I should just be able to paste in the code. […]

  9. Agriya Flv Player May 22, 2008 at 5:54 am

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

  10. Trisha Cupra, Web Design Watchdog May 21, 2008 at 6:28 pm

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

  11. It is nice and useful

  12. @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.

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

  14. 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:

  15. In My RSS Reader This Week - 4th Edition | General Marketing Blog May 6, 2008 at 9:00 am

    […] Easily Add Videos to Your WordPress Blog – Themelab.com […]

  16. 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?

  17. Nikhil Gupta May 5, 2008 at 7:06 am

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

  18. @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.

  19. Nikhil Gupta May 5, 2008 at 2:01 am

    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?

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

  21. Very good recommendations! Thanks a lot!

  22. @Cliff: Not yet. 😉

  23. Cliff Calderwood May 3, 2008 at 9:17 pm

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

    Cliff

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

  25. 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?

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

WordPress Launch Checklist

The Ultimate WordPress Launch Checklist

We've compiled all the essential checklist items for your next WordPress website launch into one handy ebook.
Yes, Send Me the Free eBook!