#1 - Copy Embed Code from YouTube or Other Source
For YouTube Videos:
1 - Find the Video you want to embed, click "SHARE"
2 - Click "Embed"
3 - COPY the embed code from the box
#2 - Paste the EMBED CODE into the SOURCE of your content editor.
1 - In the Admin, navigate to the page you wish to place the video on
2 - Add a new Content Editor to the page or Edit an existing Item
3 - Click the "SOURCE" tab (this allows you to view or edit the content in code view)
4 - PASTE your EMBED code here
5 - Adjust Video Size
NOTE: Make sure that the width and height - underlined in blue in the image below - is appropriate for the area on your website in which the video will appear. "100%" for width and "416" for height is the preferred to have it fit in the stack item for most pages when viewing them on desktop or mobile; however, you may have to adjust the height to something smaller if you plan to place it in the right/left column or in the columns within a three-column layout. For instance, the height can be:
- "270" in the left/right column for a two-column layout,
- "200" in the left/right column for a three-column layout, or
- "315" in the middle section for a three-column layout
If you are unsure of the appropriate size for the video you can contact LinkedUpRadio at firstname.lastname@example.org
6 - Click "SAVE CHANGES"
NOTE: If the menu of your site seems to disappear behind your embedded YouTube video, add the parameter in the example below:
Example iFrame code:
<iframe title="YouTube video player" width="525" height="325" src="http://www.youtube.com/embed/ucowE8dtNqM" frameborder=”0″ allowfullscreen></iframe>
Code With Fix Applied:
<iframe title="YouTube video player" width="100%" height="416" src="http://www.youtube.com/embed/ucowE8dtNqM?wmode=transparent" frameborder="0" allowfullscreen></iframe>