« Adding images
Avatars make the world go round »
Aug
29

Embed video (UPDATED for IE)

Posted by: nichall  |  Posted in: How to..., Tools, Video  |  Posted on: 08-29-2008

Want to make your blog posts more exciting? Want your readers to see – to experience – what you’re writing about? Of course you do! Appeal to the A.D.D. inside all of us by having video on your blog.

How did you do it? Here’s how to do it:

  1. When writing a post, on the right-hand corner of the text box, switch over from the “Visual” viewer to the “HTML” viewer.
  2. Find the video you want on YouTube (or the video website of your choice).
  3. Copy the “Embed” code of the particular video. On YouTube, it is found within the video-information box (directly to the right of the video).
  4. Paste the “Embed” code in your post (making sure you still are in “HTML” viewer).
  5. Switch back to the “Visual” viewer. A yellow box will represent the video’s location within your post.
  6. Finish writing your post.
  7. Publish and bask in the adoration of a job well done!

As always, here’s some video to visually take you through the process:

UPDATE: On step 5, I mention that one can revert back to the “Visual” viewer after embedding in “HTML”. While, of course, you have the ability to do so, you should not. Not if you want your readers using Internet Explorer to be able to see your video.

For some reason, Internet Explorer will not display video properly if, after embedding video, you switch back to the “Visual” viewer. The very act, that of switching viewers, corrupts the code for Internet Explorer. So instead of seeing video, anyone using Internet Explorer sees a blank, white box. Strange, I know.

Note: this is not a problem for anyone using Firefox (or any other browser, besides IE). These people will see video properly no matter how the author embeds code. However, given that a large percentage of the population still uses IE, it’s probably smart to always make adding-video your last step.

Here’s the step by step:

  • Complete all work on your post.
  • Embed the video and then click “Save” or “Publish”.
  • If for any reason you need to go back and edit features of an old post, copy first and then cut the video code, re-pasting it into its previous position after all editing work is complete.

There you go! Here’s a video tutorial to demonstrate getting past the IE conundrum:

Tags: , , ,

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

3 Responses to “Embed video (UPDATED for IE)”

  1. ubirevera Says:
    November 7th, 2008 at 6:38 pm

    This is not working for me. I get the yellow box but when I look at the post it is an empty white box. I have been marginally successful with getting a little bit further than this, but, have never been able to fully view the clip if I was successful in seeing more than the empty box on the post. Any suggestions?

  2. Video CAN work for readers using Internet Explorer! - Blogivists HQ Says:
    November 21st, 2008 at 5:35 pm

    [...] step 5 of the original tutorial, I mention that one can revert back to the “Visual” viewer after embedding in [...]

  3. Video CAN work for readers using Internet Explorer! Says:
    November 21st, 2008 at 7:56 pm

    [...] to make video appear on the Internet Explorer browser. Finally! So let’s begin… On step 5 of the original tutorial, I mention that one can revert back to the “Visual” viewer after embedding in “HTML”. [...]

Leave a Reply