Archive | WordPress

WordPress related topics

Using Iframes for Video in WordPress

As the major video sites switch from using Flash for video towards using HTML5, you should think about doing the same on your WordPress blog.  By using the <iframe> tag instead of the <embed> tag it ensures that your video will be displayed for people on a computer, iPhone, iPad or whatever else may be coming down the road. Basically, it helps to future-proof your site and make it as accessible as possible.

The problem with using the iframe tag with WordPress is that (for security reasons), the iframe tag disappears when switching from Visual mode to HTML mode, and back again.  This can be very frustrating when you think you embed a video only to find out that it has disappeared from your post.

Luckily, WordPress plugins come to the rescue.  There are several plugins that allow you to properly use iframes in WordPress. The most popular of these seem to be: Embed Iframe, IFRAME Embed for Youtube and Insere Iframe.

While the other two may be worth checking out, I went with the last of these, Insere Iframe, because it was the one with the most flexibility and also allowed the easiest rewriting of the iframe code you will get from sites like Youtube and Vimeo.  Once you install and activate the plugin, you get a new [iframe: ] tag to use in your posts.

Here are two examples of how to copy and change the iframe code:

Using Vimeo Iframe Video Code in WordPress

Vimeo will give you iframe code that looks like this:

<iframe src="" width="400" height="300" frameborder="0"></iframe>

With this new plugin, you simply change that code to:

[iframe:  src="" width="400" height="300" frameborder="0"]

Using Youtube Iframe Video Code in WordPress

Youtube will give you iframe code that looks like this:

<iframe type="text/html" width="425" height="344" src="" frameborder="0"></iframe>

Change that code to:

[iframe: type="text/html" width="400" height="325" src="" frameborder="0"]

That’s it. Simple and future-proof. I’d recommend making the switch now.


WordPress FlvPlayer Plugin – Getting it to work properly!

The FLVPlayer WordPress plugin is a nice utility to add Flash videos to your WordPress site, but it has not been updated by the author in numerous months and does not completely work as described in the installation instructions.  Here are the steps I had to take to get it to work:

  1. Download the latest version of the plugin (v0.4.2)
  2. Extract the files to a folder on your computer
  3. Upload the folder “flvplayer” and its contents to your “wp-content/plugins/” folder
  4. Edit the repository/index.php file to have links back to your web site and not the author’s.
  5. Upload the contents of the “repository” folder to the directory where you store audio/video files. Since I did not have this folder already, I created a folder called “media” under the root of my web site folder and moved the contents (not the whole folder) there. You do not need to upload the “.svn” folder.
  6. Upload the contents of the “themes” folder to your “wp-content/themes//” folder. Just the contents, not the whole folder. You do not need to upload the “.svn” folder.
  7. Activate the plug-in in your WordPress admin console by going to Plugins, and clicking on Activate for the “FlvPlayer” plugin.
  8. In the WordPress admin console, go to Options -> FlvPlayer and set the following:
    WordPress Page Address: /videos/ (Set this to what you are going to name the WordPress page that we set up in the next step. DO NOT name this the same as your “media” folder where you store audio/video files.)
    Video Repository (URI): (Set this to the folder where your media is stored. See Step 4 above.)
    Video Repository (on server): /home/www/davemccomb/public_html/media (Set this to the physical path where your video files are stored.)
    Use Friendly URI: True / False (Set this if you want friendly URIs.  You must also add those lines to your .htaccess file.)
    Files to exclude: (This is a list of all the files in the “media” folder that you do not want to appear in the dropdown list. You need to immediately add on the following to this list: ,index.php,__player_jwflv.swf,__player_asysound.swf )
    Display list type: List / Dropdown / None (Select how you want the video files to appear on the page. I like dropdown best.)
    Video Player: Proxus / FlowPlayer / Jeroen Wijering FlvPlayer (Select which Flash video player to use. I like the last one, but feel free to try them all. The Proxus player must be purchased or else it shows the word “Demo” in the window.)
    Mp3 Player: AsynSound (Only one choice here.)
    CSS: 1 (I just left this alone.)
  9. Click Update Options. If you see: flvplayer__video_redirect failed to update!
    flvplayer__video_repository failed to update!
    flvplayer__video_repository_file failed to update!
    flvplayer__friendly_uri failed to update!
    flvplayer__exclude failed to update!
    flvplayer__display_type failed to update!
    flvplayer__videoplayer_type failed to update!
    flvplayer__mp3player_type failed to update!
    flvplayer__css failed to update!
    info_update failed to update!

    Ignore these errors as there is a bug somewhere in the script. While there are errors reported, you should also see “Options Saved” and be good to go.

  10. Upload your audio/video to the folder you specified in Step 4. (“media” in my case) If you do not upload anything now, you will not be able to see any results on your page.
  11. In your WordPress admin, go to Write -> Write Page, and create a new page. I set my page title to “Videos” and left the content blank. Under “Page Template” you must also select the “FlvPlayer” template. DO NOT set the Page Title here to the name of the folder you store videos in. Click “Create New Page.”

That’s it.  You should now be able to see your videos at the page name you set up. Mine are at


WordPress Event Calendar PlugIn?

So, I’ve been looking for a WordPress event calendar plugin, and while I found the Event Calendar 3 plug-in, I wasn’t happy with it. It does not support multiple day events, recurring events, etc. I found PHPiCalendar, but that only reads in iCal files, and is not integrated into WordPress, except through a plugin which gave me a number of errors on WordPress 2.0.2.

I then turned back to EasyPHPCalendar which I have used before. It is commercial software ($19.95 and up depending on options), but well worth the price as I have not found ANY open source software that comes close to it in terms of features.  I am integrating it into WordPress now and will give you an update on my progress.



The WordPress software is pretty impressive. So far, I have been able to do everything I have wanted to either with the sofware itself, or with a plug-in.

These are the plugins that this site is currently using:

  • WP-Stats: statistics page
  • Front Page Categories: only show certain categories on the front page
  • Search Pages: advanced search functionality
  • AMM: Amazon Media Manager
  • WPG2: embeds Gallery within WordPress
  • FlvPlayer: sets up a page to play Flash videos on your site (see my post on how to install it properly)