How to embed a Vimeo video

Following a tip in Comments to a WP’s support page on how to embed a Vimeo video, here’s a demo:

The above video was embedded using this shortcode (no space after [ and before ] ):

[ vimeo http://www.vimeo.com/7243598 ]

How to resize

The above video can be resized from the standard 400×300 to a larger 600×450 by inserting the width and height parameters in the shortcode:

[ vimeo http://www.vimeo.com/7243598 w=600&h=450 ]

This is the resized video:

Hmmm, that was easy too.

Thanks T3CK for the tip. And thanks Ileane for the prompt.

More resizing and formatting

Using a DIV tag and CSS, you can easily position a smaller video (left or right) and wrap text around it.

Here is a sample of the above video resized to 300×225 and text-wrapped:

Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah.

Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah.

Blah blah blah blah. Blah blah blah blah. Blah blah blah blah.

Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah. Blah blah blah blah.

Add to FacebookAdd to DiggAdd to Del.icio.usAdd to StumbleuponAdd to RedditAdd to BlinklistAdd to TwitterAdd to Technorati

Advertisements

How to embed a video in your WordPress.com-hosted blog

I didn’t realize that embedding a video in a WordPress.com-hosted blog is so easy until I tried it. I guess my initial impression of not being able to install any plugin in my WP-hosted blog was mentally blocking me from even trying it.

In my company’s self-hosted WP sites, we have to install plugins to add video embedding functionalities.

Actually, I just accidentally hit the Add Video icon when adding a new post.  When pressed, the icon popped up a new window displaying the familiar (to me, anyway) shortcodes in embedding YouTube and Google videos.

Wow! I exclaimed. So, these video-embedding plugins are already built into my blog. Excitedly I searched YouTube for a test video clip which I could embed here. And I have this video titled “Sydney Sites” at http://www.youtube.com/watch?v=N3qY3pP1ARg which I am using here for the same reason that I want to help promote Sydney.

So, how do you embed a video? Here are the steps:

1. When in Add New / Edit Post mode, click on the Add Video icon to open an Add Video window.

2. Select the URL tab. On the Video URL, enter the video URL.

3. Click the Insert into Post button.

The video shortcode with the entered URL is generated and entered onto your post. The URL without the space after [ and before ] looks like this for a YouTube embedded video.

[ youtube=http://www.youtube.com/watch?v=N3qY3pP1ARg ]

Here is the video generated by the above steps:

How do you resize the video?

Just add the parameter &w= (w for width) and &h= (h for, you guessed it, height) to the shortcode like:

[ youtube=http://www.youtube.com/watch?v=N3qY3pP1ARg&w=600&h=425 ]

and you get a resized video like this:

or like this, if you want it smaller with w=200 and h=125:

There are tutorials found in WordPress.tv on how to embed YouTube videos. Search also “video embedding” in WordPress.com and you will find several posts where WP users narrate and share their experiences.

This is just one of them.