Live Edit


 





Embed Videos on a Page

Who can use this feature?

System_Admin.png Slash.png Owner.png Slash.png Publisher.png Slash.png Author.png

 

 

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>
      html_code.png

Instructions

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



I'd Like to Request an Enhancement

0 out of 2 found this helpful

Updated:
Follow

Article Feedback