MAINE - Life in the Slow Lane
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
forum_help:posting_videos [2017/02/05 15:57] LeeGoldsmith |
forum_help:posting_videos [2017/03/14 13:36] (current) LeeGoldsmith [Embedding a YouTube Video] |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ====== Posting Video's in a Forum Post ====== | ====== Posting Video's in a Forum Post ====== | ||
| - | ===== Using the Old Embed Code ===== | + | ===== Embedding a YouTube Video ===== |
| Posting Video's in a Forum Post is very easy on **Lee's Fishing Page**. You use the **Embed Icon** {{:forum_help:embed_icon.jpg?nolink&|Embed Icon}}. First you need to go to the Video in YouTube or other video source that has embed code for the video. You don't want to use any options. I will show examples for YouTube because it is the most likely source of the video. | Posting Video's in a Forum Post is very easy on **Lee's Fishing Page**. You use the **Embed Icon** {{:forum_help:embed_icon.jpg?nolink&|Embed Icon}}. First you need to go to the Video in YouTube or other video source that has embed code for the video. You don't want to use any options. I will show examples for YouTube because it is the most likely source of the video. | ||
| Line 12: | Line 12: | ||
| Press the Share Button and you will then need to press the **Embed** button. | Press the Share Button and you will then need to press the **Embed** button. | ||
| {{ :forum_help:embed_option_youtube.jpg?nolink& |Share Options}} | {{ :forum_help:embed_option_youtube.jpg?nolink& |Share Options}} | ||
| - | |||
| - | Next you will see the Embedded code and options screen, use the Custom option for size and use 500 as the width, you only have to enter the width, height is added and adjusted to the width. Make sure only the **Use Old Embed Code** option is checked, all others unchecked. (See Below) | ||
| - | {{ :forum_help:youtube_options.jpg?nolink& |Embed Options}} | ||
| <note important>When Embedding a Video make sure the width is not greater then 600, because this will make the post blow out the right side of the page.</note> | <note important>When Embedding a Video make sure the width is not greater then 600, because this will make the post blow out the right side of the page.</note> | ||
| - | Next highlight the code by clicking on the code window and right click your mouse and select copy. Now go to your forum post to embed the Video in the forum post. Click the Embed Icon {{:forum_help:embed_icon.jpg?nolink&|Embed Icon}} after placing the cursor where you want the Video to show in the Forum Post. You will see this popup to copy your Code into. Make sure there is an active cursor in the popup window and press **Ctl V** to paste the code in the window. | + | Next highlight the code by clicking on the code window and right click your mouse and select copy. Now go to your forum post to embed the Video in the forum post. Click the YouTube Embed Icon {{:forum_help:embed_icon.jpg?nolink&|Embed Icon}} after placing the cursor where you want the Video to show in the Forum Post. You will see this popup to copy your Code into. Make sure there is an active cursor in the popup window and press **Ctl V** to paste the code in the window. |
| {{ :forum_help:embed_code_window.jpg?nolink& |Embed Code Window}} | {{ :forum_help:embed_code_window.jpg?nolink& |Embed Code Window}} | ||
| Line 24: | Line 21: | ||
| {{ :forum_help:alignment_option.jpg?nolink& |Alignment Option}} | {{ :forum_help:alignment_option.jpg?nolink& |Alignment Option}} | ||
| - | Last step is to press the **Insert** button to place the video in the Forum Post. You will see something like this representing the video. | + | Last step is to press the **OK** button to place the video in the Forum Post. You will see something like this representing the video. |
| {{ :forum_help:embeded_video.jpg?nolink& |This is how the embed will look like in the editor}} | {{ :forum_help:embeded_video.jpg?nolink& |This is how the embed will look like in the editor}} | ||
| + | ===== Embedding a Vimeo Video ===== | ||
| + | There is no Icon for this embedding. You use a **Tag** to do it. The tag is | ||
| + | <code> | ||
| + | [vimeo:ID height:PX width:PX align:LEFT/RIGHT pad:PX responsive:0/1]</code> | ||
| - | ===== Using IFrame Code ===== | + | The **ID** is found in the URL of the video (see below). |
| - | + | ||
| - | Some sites use only the newer code to embed video's, this section will show you what you need to do to use this **IFrame Code** if this is the only code available to you. I encorrage all to use the **Old Code** when ever possible. The process to do a video in **IFrame** format is much more complicated but not hard to do. It is a two stage process, first uploading the embedded video to a album, then using the [[forum_help:posting_photos#Media Gallery Tag|Media Gallery Browser]] to insert the video in the forum or article on the site. | + | |
| - | + | ||
| - | The first step is to fine the video and copy the embed code, use 560 width as a guide to size. This size should work fine for most posting. | + | |
| - | + | ||
| - | {{ :forum_help:embed_iframe_code.jpg?nolink& |}} | + | |
| - | You see from the above screen shot that there is no **Use Old Code** option. Next in **Lee's Fishing Page** go to an album of yours that you can store the embedded video. Next click the option to **Add Media** and go to the **Remote Media** tab. Your entry will look like this. | + | |
| - | {{ :forum_help:uploadscreen.jpg?nolink&600 |}} | + | {{ :forum_help:vimeo_id.jpg?nolink |vimeo ID}} |
| - | The **Remote Media Type** is **Embedded Video**, upload a thumbnail to identify the video, paste the embedded code in the **Remote URL** field and give the video a **Title**. At the bottom of the screen press the **Save** button to complete the process. | + | |
| - | The next step is to use the Media Gallery Browser {{:forum_help:mediagallery_icon.png?nolink&|}}to place the video in the forum post or article. This is what you need to fill out to post the video. | + | In most cases you only need the **ID**, height and width will use the default. As for alignment you can center the tag to have the video centered on the page. Make sure you place the **tag** on a separate line. |
| - | {{ :forum_help:mgvideoinput.jpg?nolink& |}} | + | |
| - | In the screen shot above you see that you select your album that has the video, select **video** as the attribute, with **NO** border and **NONE** for alignment. I use the right, center, left justify in the editor to format placement of the video. Center justification is best. Select the video and press the **Insert** button to place the video. See below for what this will look like. | + | |
| - | {{ :forum_help:outputfrommgb.jpg?nolink&600 |}} | + | |
| - | That's it, little more complicated but do-able for most I hope. Questions just ask for help. | ||