HOW TO: embed videos from YouTube or Vimeo into your posts

Want to share a great video? Your own work of art or someone else's? This is the place. Get ready for constructive feedback (mostly ;-) or maybe tar & feathers!
User avatar
Stephan
Site Admin
Posts: 592
Joined: 20 Mar 2010 18:51
Location: Paris, France

HOW TO: embed videos from YouTube or Vimeo into your posts

Postby Stephan » 06 Feb 2011 00:38

*** New feature ***

You can now embed videos from YouTube or Vimeo. This means the whole player shows in your post, and you can play the video from there. Convenient and easy for the person who's reading.

To do this, there are 2 new tags available as you post, and they show as 2 new buttons on the "New Post' page - see screenshot below, on the far right:
newtags.png
New [youtube] and [vimeo=] buttons & tags
newtags.png (2.89 KiB) Viewed 8673 times

1. Instructions to embed a video from YouTube

Code: Select all

YouTube tag syntax:
      [youtube]video_ID_string[/youtube]
Example - Instead of pasting the ordinary URL to YouTube, like:
      http://www.youtube.com/watch?v=Cj6ho1-G6tw
extract instead the video ID from that URL and put it between an opening tag and a closing tag, like:
      [youtube]Cj6ho1-G6tw[/youtube]

Here is how it looks - it's a fully functional player:



2. Instructions to embed a video from Vimeo

With Vimeo, it's slightly more complex because you need to specify the width and height of the player as they appear in the 'embed code' which is provided by Vimeo.

Code: Select all

Vimeo tag syntax:
      [vimeo=width,height]video_ID[/vimeo]
Example - Instead of pasting the ordinary URL to Vimeo, like:
      http://vimeo.com/11306252
go instead to that page on Vimeo, click EMBED on the video, and note down the width and height. Take the video ID from that URL, along with the width and height, and put all of them inside the tags like this:
      [vimeo=600,338]11306252[/vimeo]

Here is how it looks - again, a fully functional player:


Return to “Video showcase & feedback”