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
    add_quick_links_to_my_page_live_edit_is_on.jpg
  4. Select Widgets on the left-hand side of your page
    display_content_in_the_staff_directory_widget_in_columns_widgets.jpg
  5. Drag-and-drop the Custom HTML Widget onto your page
    embed_videos_on_a_page_drag_and_drop.jpg
  6. Paste your Embed Code into the widget text box
    embed_videos_on_a_page_paste_embed_code.jpg
  7. Click Done
    embed_videos_on_a_page_done.jpg
  8. View your video; click Save at the top of the page
    embed_videos_on_a_page_save.jpg



I'd Like to Request an Enhancement

0 out of 2 found this helpful

Updated:
Follow

Article Feedback