Posting embedded youtube videos

Having a problem or need a question answered? Request any form of help here, technical or non-technical.
User avatar
mimzy
Posts: 1434
Likes:
Joined: Fri Aug 12, 2011 7:00 am

Posting embedded youtube videos

Post by mimzy »   1 likes

HTML tags are no longer supported, but embedded youtube (and maybe other) videos can be posted using the [youtube] bbcode.

For example, if youtube gives the following embedded code:

Code: Select all

<iframe width="420" height="345" src="https://www.youtube.com/embed/xju3yw0Z-Fs?rel=0" frameborder="0" allowfullscreen></iframe>
it can be posted using:

Code: Select all

[youtube=420,345]https://www.youtube.com/embed/xju3yw0Z-Fs?rel=0[/youtube]
Note that Flash/Javascript is a security risk for those who are using a proxy.
User avatar
emuler
Posts: 4617
Likes:
Joined: Sun Apr 02, 2006 1:00 am

Re: Posting embedded youtube videos

Post by emuler »   0 likes

We need more examples, mimzy.

eg. how to embed this:
<iframe width="640" height="360" src="https://www.youtube.com/embed/Sxo3Wib31 ... detailpage" frameborder="0" allowfullscreen></iframe>
User avatar
kev
Site Admin
Posts: 3632
Likes:
Joined: Tue Jan 17, 2006 1:00 am

Re: Posting embedded youtube videos

Post by kev »   0 likes

mimzy wrote:HTML tags are no longer supported, but embedded youtube (and maybe other) videos can be posted using the [youtube] bbcode.

For example, if youtube gives the following embedded code:

Code: Select all

<iframe width="420" height="345" src="https://www.youtube.com/embed/xju3yw0Z-Fs?rel=0" frameborder="0" allowfullscreen></iframe>
it can be posted using:

Code: Select all

[youtube=420,345]https://www.youtube.com/embed/xju3yw0Z-Fs?rel=0[/youtube]
...
It's been hit or miss with me lately, some of my embeds [from 'youtube'] would stick others wouldn't. But I knew there was probably a trick, and I think I have it figured out.. :think

Your example w/out [c o d e] tags:

(Yay.. I did get it!! Yay, yay!! I love The Smiths!! :heart)
emuler wrote:We need more examples, mimzy.

eg. how to embed this:
<iframe width="640" height="360" src="https://www.youtube.com/embed/Sxo3Wib31 ... detailpage" frameborder="0" allowfullscreen></iframe>
Oh, oh!! Lemme take this one, lemme take this one!! :)

The important thing is that the width/height numbers in the embed addy has to match the numbers you put in the beginning 'youtube' code tag.

IE: In mimz example in the embed addy the width="420" and hight="345". So the 'youtube' beginning tag read: [/code]

w/out the [ c o d e ] tags, you'll see:

Yay!! It's the new spooky movie that I just posted about!! :heart

I wrote this in non-techno speak as my non-techno mind would interpret the numbers..

Thanks mimzy for the enlightening thread! :thumbsup

kev.

(DAMN!!! I made myself late for work just because I was so excited that I figured things out and wanted to share that with emuler, and you friggin' beat me to it!! Arrrgghh!! [lol] )

oh well.. Hopefully we just said the same thing and reinforce each other, phuzzy..

kev.
User avatar
Phuzzy4242
Site Admin
Posts: 7686
Likes:
Joined: Sun Aug 23, 2009 1:00 am

Re: Posting embedded youtube videos

Post by Phuzzy4242 »   1 likes

kev wrote:(DAMN!!! I made myself late for work just because I was so excited that I figured things out and wanted to share that with emuler, and you friggin' beat me to it!! Arrrgghh!! [lol] )

oh well.. Hopefully we just said the same thing and reinforce each other, phuzzy..

kev.
LOL - Since you're so excited about it I'm gonna make sure YOU got it first. :lol:
User avatar
Phuzzy4242
Site Admin
Posts: 7686
Likes:
Joined: Sun Aug 23, 2009 1:00 am

Re: Posting embedded youtube videos

Post by Phuzzy4242 »   1 likes

emuler wrote:We need more examples, mimzy.

eg. how to embed this:
<iframe width="640" height="360" src="https://www.youtube.com/embed/Sxo3Wib31 ... detailpage" frameborder="0" allowfullscreen></iframe>
Embedding videos can be a pain sometimes, but YouTube videos are pretty straightforward. It's always best to use the "Embed" button on the video's page to get the correct address to use.

The YouTube tag has 3 parts: the opening tag with the video's width and height, the video's address, and the closing tag.

Code: Select all

[youtube=width,height]_web_page_address_[/youtube]
When I'm embedding a video, I copy what its web site gives me right into the FLM post for reference, then create what the board needs right below it. This is so it's all in one place and I can adjust things after using the Preview button - some sites use funky options that don't "translate" how you think they will. Once it looks right, I delete what I pasted before I click Submit.

Code: Select all

<iframe width="640" height="360" src="https://www.youtube.com/embed/Sxo3Wib31uE?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>

[youtube=640,360]https://www.youtube.com/embed/Sxo3Wib31uE[/youtube]


As you can see, I put the opening tag with the width and height, then the video's url without the quotes and up to but not including the first question mark (?), then the closing tag. The stuff after the question mark - "?feature=player_detailpage" in your example - modifies how the video is displayed and is usually unneeded and unwanted.

Incidentally, you can change the size if you want, but you should do it proportionally. For instance, here's the same video at half size:

Code: Select all

[youtube=320,180]https://www.youtube.com/embed/Sxo3Wib31uE[/youtube]


Hopefully this explanation makes embedding a little clearer.
User avatar
emuler
Posts: 4617
Likes:
Joined: Sun Apr 02, 2006 1:00 am

Re: Posting embedded youtube videos

Post by emuler »   0 likes

Thanks, all. :D I was trying to use the youtube= button but didn't know what this board needed. :?

LOL kev. :lol:
Post Reply