Tutorial: How to embed YouTube videos in your posts

General » Site Help Forums » Website Help Files Tacked

Tutorial: How to embed YouTube videos in your posts (Page 1 of 11)

Forward

Author

Message

--bullseye--

Assistant to the Regional Manager

Team Member

Joined: Sep 2004

WI, USA

Posts: 5922

Feedback: 100% (15)

Posted: 3/24/2009 4:42:04 PM

[Last Edit: 10/21/2010 4:42:30 PM by --bullseye--]

THE IMAGE ABOVE IS A PAID ADVERTISEMENT

Note: The embed feature is only available to Team members.

FIREFOX INSTRUCTIONS

(Also works w/ Google Chrome)

For this tutorial to work, you must be using the newer 'advanced' post editor (now called "WYSIWYG"). If you would like to continue using the 'Plain' (Classic) editor you just need to type the embed code yourself- see Tony-Ri's tutorial video at the bottom of this post.

If you have not done so already, you can change to the "WYSIWYG" ("What You See Is What You Get") editor by doing the following:

1. Click on your screen name in the upper left hand corner of this window (the "Login" spot).

2. Directly above the "User Biography" space, there is a "Change Preferences" button. Click it.

3. Third choice down from the top in Preferences is an "Editor Default" option. Change that to "WYSIWYG Editor".

4. Click "Submit" at the bottom of the Preferences window once you have selected the WYSIWYG editor.

OK, once you've switched to the WYSIWYG editor, this is how to embed YouTube videos:

Step 1:

Copy the URL (NOT the "Embed" link!!!) for the YouTube video you would like to post-

Step 2:

Click the "Flash" button in the reply editor (NOT the Windows Media icon)-

Step 3:

Paste the URL into the "Source" line of the Flash window-

Step 4:

Leave everything else in the window alone, it defaults to the proper width/height/etc. Click "OK"-

Step 5:

Something like this will now show in your reply. Just click "Submit" (note: if you're going to put text in your reply as well, put it above the embedded video. I've found that text written below it will actually show up alongside the embedded video itself, which just looks weird)-

Step 6:

You're done!

IE8 INSTRUCTIONS (Courtesy of jdb3)

Originally Posted By jdb3:
TRY THIS
I'm using Internet Explorer 8.
Plain/classic style editor. (In your AR15.COM profile)
You are putting the following info in your text area. It's not going to be a link or anything special. Just put the info in just like you would if you were typing a repsonse.
The >>> and <<< are just there to point out things and are not part of the process.

Step 1: Copy and save this>>> flash width=' 425px' height=' 344px' src='Youtube Link' <<<I'm computer illiterate and saved it in a word document.

Step 2: Delete the part in blue>>> flash width=' 425px' height=' 344px' src='Youtube Link'

Step 3: You should now have>>> flash width=' 425px' height=' 344px' src='' <<< You can skip this by just saving it without youtube link. It's there for instructional purposes.

Step 4: Copy the URL from youtube. This is in the upper right corner of the video in the description box. It should look like>>> http://www.youtube.com/watch?v=cpIj6zyehOU <<<

Step 5: Paste the URL between the apostrophe marks where youtube link used to be. Should look like>>> flash width=' 425px' height=' 344px' src='http://www.youtube.com/watch?v=cpIj6zyehOU'

Step 6: Now we are going to add [ and ] to each end of>>> flash width=' 425px' height=' 344px' src='http://www.youtube.com/watch?v=cpIj6zyehOU'

Now you should have>>> [flash width=' 425px' height=' 344px' everything except me in blue src='http://www.youtube.com/watch?v=cpIj6zyehOU'] The blue text stuff is in there to keep the link dead for instructional purposes

When it looks like that, click submit. You will not be able to preview it.

How to embed Youtube, Liveleak, Vimeo, and Facebook videos (Courtesy of Tony-Ri)

The below video shows how to embed videos from a number of sources using the 'Plain' (Classic) post editor. To post Liveleak/Vimeo/Facebook videos using the WYSIWYG editor just obtain the source URL for the Liveleak/Vimeo/Facebook video as shown in Tony-Ri's video (below). Once you obtain that URL just go about embedding like you normally would with the WYSIWYG editor using the Flash button. Simply copy the URL you obtained into the Source line (remember to modify the width/height as necessary for different sources).

"I don't have a lot of experience with vampires, but I have hunted werewolves. I shot one once, but by the time I got to it, it had turned back into my neighbor's dog." Dwight Schrute The Office (NBC)

User Info

Phil_in_Seattle © Moderator Joined: Nov 2000 WA, USA Posts: 19878 Feedback: 100% (4) Link To This Post	Posted: 3/26/2009 3:39:45 PM I saw this in GD. Great work. Can I copy it as a content/resource item with credit to you? This would make it accessible from a link. If so I'd like to copy the screen captures to AR15s photo server.
	User Info