How To Embed Youtube Videos

Discussion in 'The Help Desk' started by Lanzman, Mar 18, 2011.

  1. Lanzman

    Lanzman Vast, Cool and Unsympathetic Formerly Important

    Joined:
    Mar 27, 2004
    Messages:
    35,188
    Location:
    Someplace high and cold
    Ratings:
    +36,700
    Standard Videos

    First you need to copy the video ID out of the address bar. When you're watching a youtube video, the address bar looks like this:

    [​IMG]

    There are two parts to this. The first part is identical in every youtube video, and looks like this (outlined in red):

    [​IMG]

    But you don't want that.

    The second part is the video id, outlined in green below. This is the part you want to copy:

    [​IMG]

    Sometimes you might get extra garbage after the ID, especially if you're watching a video that was linked as an embed on another site. Like so:

    [​IMG]

    Still, all you want is the video id. The end of the video id is easy to find, just look for the & symbol. Ignore the symbol and everything after it. Basically the id starts after watch?v= and ends with the & symbol.

    [​IMG]

    Then, on wordforge, you need to embed the video. The tag for this is yt. Open the tag with a square bracket, and then type yt= followed by the text you wish to appear on the grey button that people will click to display the video on WF. Close the tag with a right hand square bracket, and then paste in the video id from the youtube address bar. Afte the video id, you need a closing tag, with a left square bracket, followed by /yt followed by a right square bracket. It should look like this:

    [​IMG]

    The end result:

    [yt=As good a place as any to post this.]RxsOVK4syxU[/yt]

    Widescreen videos

    There is a seperate tag available for embedding widescreen videos. The standard yt tag creates a 4:3 ratio player window, and is suitable for playing videos that are natively in that aspect ratio, but it is less ideal for playing widescreen videos - the videos will be presented in a letterbox, with black bars at top and bottom, the same as a widescreen film shown on a 4:3 TV. For this reason there is also the wyt tag. This tag creates a 16:9 ratio player, and is much better for presenting widescreen videos. 16:9 widescreen videos will fill this viewer, while some even wider cinematic ratios (some film trailers for example) will still be letterboxed, but not to the extent they would be in a 4:3 window.

    The sample here is a video of Cady Coleman playing a 100 year old flute belonging to Matt Molloy of the Chieftans. It's a widescreen 16:9 video uploaded in 720p HD.

    First of all this is what it looks like when embedded using the standard yt tag:

    [yt=St. Patrick's Day Greeting From Space]vX-5n_YcxgQ[/yt]

    It's letterboxed with black bars above and below, and the actual visual area of the video is thus quite small.

    Now the widescreen version. The image here is a screenshot from this very post while being created, and shows the standard and widescreen versions of the same video as they look when ready to be posted. The lower embed is the widescreen video:

    [​IMG]

    And here's the widescreen result:

    [wyt=St. Patrick's Day Greeting From Space]vX-5n_YcxgQ[/wyt]

    Thanks to Midnight Funeral for the excellent write-up!
    Last edited: Mar 19, 2011
    • Agree Agree x 3