Toggle sidebar

How to embed YouTube & NHL.com videos / Embed Tweets

Status
Not open for further replies.
spiny norman

spiny norman

Administrator
Apr 1, 2006
8,602
4,604
Winnipeg, MB
Here's an example: Bobby Orr's 1970 Stanley Cup winning goal ...

Take this ...

Code: 
http://www.youtube.com/watch?v=gOIlfV-XtBg

or

Code: 
http://youtu.be/gOIlfV-XtBg


Remove everything except the youtube code itself, leaving this ...

gOIlfV-XtBg


Surround this with the youtube tags
Code: 
[MEDIA=youtube]gOIlfV-XtBg[/MEDIA]
and voila ...

 
Last edited by a moderator:
  • Like
Reactions: Kiith Nabaal
spiny norman

spiny norman

Administrator
Apr 1, 2006
8,602
4,604
Winnipeg, MB
Many thanks to the member who sent to me the following steps to embed a NHL video:



1. While the NHL.com video is playing, mouse over it and, when the drop-down menu appears, click on the right-most icon, the "share" icon with the three connected dots.
2. From the URL field on the window that pops up, copy to the clipboard just the part of the URL that follows the "id=". For example, if the URL is "http://video.nhl.com/videocenter/console?id=2013020884-605-h", you want to copy just the "2013020884-605-h" part to the clipboard.
3. In your message, paste that character string between the NHL tags (ex. "[NHL]2013020884-605-h[/NHL ]"). A quick way to generate those tags is to press the NHL logo button in the toolbar.

[NHL]2013020884-605-h[/NHL]
 
thepuckmonster

thepuckmonster

Professional Winner.
Oct 25, 2011
31,251
684
Vancouver
Code: 
[MEDIA=twitter]545922504486039552[/MEDIA]
Enter tweet ID between tags. ID can be obtained by clicking on time link in a tweet. The ID is the number at the end of the link.
***note: if adding by any of the quick menus that use ajax (quick reply, quick edit) the embedded code will be invisible to you until you fully load the page.



Can also be used to embed Vines into posts directly.
 
Last edited by a moderator:
  • Like
Reactions: Kiith Nabaal
zar

zar

Bleed Blue
Sponsor
Oct 9, 2010
7,167
6,736
Edmonton AB
spiny norman said:
Many thanks to the member who sent to me the following steps to embed a NHL video:



1. While the NHL.com video is playing, mouse over it and, when the drop-down menu appears, click on the right-most icon, the "share" icon with the three connected dots.
2. From the URL field on the window that pops up, copy to the clipboard just the part of the URL that follows the "id=". For example, if the URL is "http://video.nhl.com/videocenter/console?id=2013020884-605-h", you want to copy just the "2013020884-605-h" part to the clipboard.
3. In your message, paste that character string between the NHL tags (ex. "[NHL]2013020884-605-h[/NHL ]"). A quick way to generate those tags is to press the NHL logo button in the toolbar.

[NHL]2013020884-605-h[/NHL]
Click to expand...

This doesn't work anymore. There is no "ID=".
 
Curufinwe

Curufinwe

Registered User
Feb 28, 2013
55,779
42,844
tigervixxxen said:
Anyone know how to embed the "new" NHL.com videos? There used to be a 6 digit code for each video and now its gone.
Click to expand...

There's an eight digit code when you hover over the link to a goal, but putting it in the NHL tags doesn't make the video appear.

With spaces so you can see the code: [NHL ]43427403[ /NHL]

[NHL]43427403[/NHL]
 

pierre gagnon*

Registered User
Mar 15, 2013
2,191
2
St. Catharines
Krams

Krams

Registered User
Feb 13, 2012
8,042
1,982
Curufinwe said:
There's an eight digit code when you hover over the link to a goal, but putting it in the NHL tags doesn't make the video appear.

With spaces so you can see the code: [NHL ]43427403[ /NHL]

[NHL]43427403[/NHL]
Click to expand...

This is still the case. Would love the support of an admin on this
 

Osprey

Registered User
Feb 18, 2005
27,306
9,792
This isn't related to video, but it's about BBCode, so I hope that it's acceptable to put here, since it's not easy to figure out (or remember) how to do.

How to Create Tables

PHP: 
[table=head] |Column A|Column B|Column C|
Row 1|1A|1B|1C|
Row 2|2A|2B|2C|
Row 3|3A|3B|3C|
Row 4|4A|4B|4C|[/table]
The code in the above box renders the following table:

|Column A|Column B|Column C
Row 1|1A|1B|1C|
Row 2|2A|2B|2C|
Row 3|3A|3B|3C|
Row 4|4A|4B|4C|

Notes:

* The separator character is the "pipe" symbol accessed by shift-pressing the '\' key above the Enter key on most QWERTY keyboards.

* You need to have the column row on the same line as the "table" tag and the "/table" end tag on the same line as the last row, as shown, or else the table won't render correctly.

* If it's not obvious, the columns and rows don't need to be named Column A, Row 1, etc. Name them whatever you want.

* If you want to put something in the upper-left-most cell, replace the space before the first pipe on the column row.

* If you don't like the red header, you can remove the "=head" from the "table" tag, but readers will lose the ability to sort by clicking on the column names.

* You can make the table a bit fancier by modifying the text in each of the cells individually. For example, if you want to right-align the values, highlight each one and click on the "Align Right" button. For example...

PHP: 
[table=head] |Column A|Column B|Column C
Row 1|[RIGHT]1A[/RIGHT]|[RIGHT]1B[/RIGHT]|[RIGHT]1C[/RIGHT]|
Row 2|[RIGHT]2A[/RIGHT]|[RIGHT]2B[/RIGHT]|[RIGHT]2C[/RIGHT]|
Row 3|[RIGHT]3A[/RIGHT]|[RIGHT]3B[/RIGHT]|[RIGHT]3C[/RIGHT]|
Row 4|[RIGHT]4A[/RIGHT]|[RIGHT]4B[/RIGHT]|[RIGHT]4C[/RIGHT]|[/table]
...renders the following:

|Column A|Column B|Column C
Row 1|
1A​
|
1B​
|
1C​
|
Row 2|
2A​
|
2B​
|
2C​
|
Row 3|
3A​
|
3B​
|
3C​
|
Row 4|
4A​
|
4B​
|
4C​
|
 
Last edited:
Rebels57

Rebels57

Former Flyers fan
Sponsor
Sep 28, 2014
76,737
123,287
Osprey said:
This isn't video-related, but it's about BBCode, so I hope that it's acceptable to put here, since it's not easy to figure out (or remember) how to do.

How to Create Tables

PHP: 
[table]|Column A|Column B|Column C|
Row 1|1A|1B|1C|
Row 2|2A|2B|2C|
Row 3|3A|3B|3C|
Row 4|4A|4B|4C|[/table]
The code in the above box renders the following table:

|Column A|Column B|Column C
Row 1|1A|1B|1C|
Row 2|2A|2B|2C|
Row 3|3A|3B|3C|
Row 4|4A|4B|4C|

Notes:

* The separator character is the "pipe" symbol accessed by shift-pressing the '\' key above the Enter key on most keyboards.

* You can create as many columns and rows as you need by adding or subtracting pipes and lines, respectively. Make sure to end each line with a pipe or else the formatting will be broken if you add tags to the cells (see final note).

* If it's not obvious, the columns and rows don't need to be named Column A, Row 1, etc. Change them to whatever you want.

* You need to have the column row on the same line as the "table" tag and the "/table" end tag on the same line as the last row, as shown, or else the table won't render correctly.

* If you want to put something in the upper-left-most cell, put it before the first pipe on the column row.

* You can make the table a bit fancier by modifying the text in each of the cells individually. For example, to make the column names bold, highlight each one and click on the bold button. Also, if you want to right-align the data cells, highlight each one and click on the "Align Right" button. As an example of both...

PHP: 
[table]|[B]Column A[/B]|[B]Column B[/B]|[B]Column C[/B]
Row 1|[RIGHT]1A[/RIGHT]|[RIGHT]1B[/RIGHT]|[RIGHT]1C[/RIGHT]|
Row 2|[RIGHT]2A[/RIGHT]|[RIGHT]2B[/RIGHT]|[RIGHT]2C[/RIGHT]|
Row 3|[RIGHT]3A[/RIGHT]|[RIGHT]3B[/RIGHT]|[RIGHT]3C[/RIGHT]|
Row 4|[RIGHT]4A[/RIGHT]|[RIGHT]4B[/RIGHT]|[RIGHT]4C[/RIGHT]|[/table]
...renders the following:

| Column A | Column B | Column C
Row 1|
1A​
|
1B​
|
1C​
|
Row 2|
2A​
|
2B​
|
2C​
|
Row 3|
3A​
|
3B​
|
3C​
|
Row 4|
4A​
|
4B​
|
4C​
|
Click to expand...

Thank you for sharing this!
 
Dr Johnny Fever

Dr Johnny Fever

Eggplant and Teal
Apr 11, 2012
21,418
5,824
Lower Left Coast
Duck Off said:
sorry if this sounds dumb, but how do you do a gif on here?
Click to expand...

Just like any jpg, click on the picture icon and insert the link to the gif...

giphy.gif
 
YWGinYYZ

YWGinYYZ

Registered User
Jul 3, 2011
28,480
7,117
Toronto
To embed NHL videos, if you have a link like this:

Code: 
https://www.nhl.com/video/t-277752844

Grab the last part of the link t-277752844 and insert it using the MEDIA=nhl tag like this:

Code: 
[MEDIA=nhl]t=277752844[/MEDIA]

This results in:

 
Woodhouse

Woodhouse

Registered User
Dec 20, 2007
15,525
1,754
New York, NY
YWGinYYZ said:
To embed NHL videos, if you have a link like this:

Code: 
https://www.nhl.com/video/t-277752844

Grab the last part of the link t-277752844 and insert it using the MEDIA=nhl tag like this:

Code: 
[MEDIA=nhl]t=277752844[/MEDIA]

This results in:

Click to expand...
You don't even have to go that far. The embed plugin will parse 121 sites and the NHL URL is enough. The autoplay is the nuisance here, in quotes and elsewhere on a given page. Sorry, but for emphasis:



 
JadedLeaf

JadedLeaf

Registered User
Nov 14, 2007
4,545
2,729
Saskatchewan
What the hell? All the videos on this page started playing all on their own. That's annoying as hell having to scroll through the page and manually stop all the videos just so my ears don't get assaulted by audio from 15 different videos..
 
  • Like
Reactions: Canadian Game
JadedLeaf

JadedLeaf

Registered User
Nov 14, 2007
4,545
2,729
Saskatchewan
Seriously, there isn't even a video playing right now and audio is still playing from some of them.. There is zero ways to view this page without having audio from the video playing even after scrolling through and pressing stop of every single video.
 
Kairi Zaide

Kairi Zaide

Unforgiven
Aug 11, 2009
104,920
12,306
Quebec City
I confirm that the same happened to me.

Also all you have to do now is post the link for most media/social network posts. No sketchy BBCode needed!
 
Status
Not open for further replies.

Ad

Latest posts

Upcoming events

Ad

Ad

Top Bottom