29 Things: how to embed pictures and videos

Reading Time: 2 minutes

A picture tells a thousand stories and I think that images are very underrated in online PR, and video is very much overrated in comparison.

The first thing you need is some place online to host the images from. This blog uses picture hosting from flickr.

If the image was hosted on the same server the code would look something like this:

<img src=”things.jpg” width=”number” height=”number” border=”number of pixels arount the image” alt=”text describing the image” />

flickr code looks more interesting, as part of their terms and conditions specifies that the image has to link back to the original flickr page, and floating text over the image:

<a href=”http://www.flickr.com/photos/renaissancechambara/4175449724/” title=”Visa stamps by renaissancechambara, on Flickr”><img src=”http://farm3.static.flickr.com/2590/4175449724_1c0364b97a.jpg” width=”432″ height=”500″ alt=”Visa stamps” /></a>

Video is a bit more complicated. The most common place for hosting video is YouTube or Vimeo. Both of these rely on flash and different platforms play with flash in different ways. The good thing is that these video services give you a block of code you just cut and paste into the website.

I deliberately don’t use video on this site for a couple of reasons, mainly because it increases page load time and it can mess up the theme that I use. Neither of which are desirable outcomes from my perspective. However if I wanted to put video on this site, the first thing I would need to install one of a number of plugins that make WordPress play nicely with embedded YouTube video players.

Once you have this, YouTube makes it really easy to put the video player in your page. The diagram below shows exactly which code you need to paste into your web page.

Youtube video embed

Other video services like Vimeo offer a similar easy-to-use way of embedding the code.

Posts in this series

29 things: the basics of how to record audio

29 things: how Wikipedia works and how to get involved in the process of having a post changed

29 things: how to tweet

29 Things: Understand the nature of conversations and their appropriateness for your client

29 things: how to use Google for fun and profit

29 things: how to use an RSS reader

29 things: how to organise a PR account

29 things: how to embed pictures and video

29 things: how to create a link

29 things: how to touch-type

29 things: how to manage your communications platform

29 things for PR people

This was the post that started it all: 29 not-very-technical things that every PR person should know