Overview
This article will tell you how to properly embed a YouTube video into one of your web pages, via the Custom HTML widget.
Important Notes
- Code:
- Open iframe: <iframe
- Close iframe: </iframe>
- Height and Weight:
- Your iframe Embed Code requires a width and height to display correctly. Width measurements must be a percentage for mobile responsiveness. Height may be left as just a number.
- Example: Width=”100%” height=”500”
- Troubleshooting:
- Embedded videos may not appear if the source code is not a secure site (for example, http://). All embed codes require https://
- Example of a Robust Embed Code
- This code opens, has a percentage width, a display height, a secure source, and a closing code.
- <iframe Width=”100%” height=”500” src=” https://www.civicengage.civicplus.help” </iframe>
Instructions
- Copy the embed code from YouTube or CivicMedia
- Navigate to your desired page
- Ensure that Live Edit Is On
- Select Widgets on the left-hand side of your page
- Drag-and-drop the Custom HTML Widget onto your page
- Paste your Embed Code into the widget text box
- Click Done
- Click Save at the top of the page
Comments
Let us know what was helpful or not helpful about the article.0 comments
Please sign in to leave a comment.