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

1. Copy the embed code from YouTube or CivicMedia
2. Navigate to your desired page
3. Ensure that Live Edit Is On
   
4. Select Widgets on the left-hand side of your page
   
5. Drag-and-drop the Custom HTML Widget onto your page
   
6. Paste your Embed Code into the widget text box
   
7. Click Done
   
8. Click Save at the top of the page