Use Embed On Demand with CivicPlus Media Recordings

Prev Next

Embed On Demand lets organizations and municipalities create embed codes for recordings stored in CivicPlus Media. Those embed codes can be used to display an on-demand media player on a webpage, such as your website’s Welcome page.

Embed On Demand codes use default media player settings, including media autoplay. As a result, you may need to update the generated embed code if you want the media to play differently.

This article will explain how to create an embed code for media recordings. For instructions on how to use the embed live stream function, see Generate an Embed Code for a CivicPlus Media Live Stream.

An example embedded media player.

Important Notes

  • You must have the “Has Access to Events Site Settings” permission enabled in your user profile in order to use the Embed On Demand function.

  • Media Services files (closed captions, translations, audio descriptions, and transcripts) are not carried over as part of the embed.

Instructions

  1. Sign in to the system if you have not already

  2. Navigate to the User Menu, then select the Settings option:

    The User Menu expanded to show all options, with the Settings option highlighted.

  3. Click the Events and Public Portal tile:

    The Events and Public Portal tile on the Site Settings page.

  4. Click the Video tile:

    The Video tile with a play button icon.

  5. Navigate to the Embed On Demand section:

    The Embed On Demand section of the Video Settings page.

  6. Enter a keyword related to the event media you wish to embed into the Search Keyword field, if desired:
    The Search Keyword field in the Embed On Demand section.

  7. Enter a custom date range for the events in the Select Start Date and Select End Date fields, if desired:

    The From and To date fields to the right of the keyword field in the Embed On Demand section.

    Notes:

    • You can enter both a keyword and a custom date range or neither, if desired.

    • You can manually type dates into the Start and End Date fields, or you can click one of the calendar icons to select a date range using the calendar picker:

      The calendar picker for the Start and End Date fields in the Embed On Demand section of the Video Settings page.

  8. Click the Search button to run the search:

    The green, rectangular Search button to the right of the keyword and date fields in the Embed On Demand section.

  9. All results will appear below the Search filters:

    A list of results from the Embed On Demand search function.

  10. Click the Embed button to the right of the desired event:

    The Embed button to the right of an example event name in the Embed On Demand section.

  11. On the Copy Embed Code modal that appears, preview the embed code:

    The code field on the Copy Embed Code modal.

    Note:

    The embed code field cannot be updated manually. If you wish to make changes, such as changing “autostart” from “true” to “false,” you will need to copy the code and paste it into another program to make adjustments.

  12. Edit the dimensions of the media player embed using the Player Width and Player Height fields, if desired:

    The Player Width and Height fields on the Copy Embed Code modal.

    Your title goes here

    Media player dimensions are measured in pixels (px).

  13. Click the Copy Code Button to copy the embed code to your computer’s clipboard:

    The green, rectangular Copy Code button to the right of the Player Width and Height fields on the Copy Embed Code modal.

  14. Click the Close Window button to exit the Copy Embed Code modal and return to the Video Settings page:

    The white, rectangular Close Window button in the lower-right corner of the Copy Embed Code modal.

  15. The embed code has been copied to your clipboard and can be pasted into the desired location