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