--- title: Add a Video with the Rich Content Editor description: Use the Rich Content Editor canvas to add videos in your content. locale: en-US canonical_url: https://www.servicenow.com/docs/r/australia/employee-service-management/employee-experience-foundation/ec-rich-content-video.html release: australia product: Employee Experience Foundation classification: employee-experience-foundation topic_type: task last_updated: "2026-08-17" reading_time_minutes: 4 breadcrumb: [Microsites, Creating employee communications, Authoring and managing employee communications, Employee Center Pro, Unified Employee Experience, Employee Service Management] --- # Add a Video with the Rich Content Editor Use the **Rich Content Editor** canvas to add videos in your content. ## Before you begin Role required: sn\_cd.content\_manager Fill in the New content form fields. See [Create rich content](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/employee-service-management/employee-experience-foundation/ec-content-library-portal-rich-content.md) Create the page layout using modules or columns. - Modules are predefined content layouts comprised of header, paragraph text, and images. See [Add predefined content layouts with the Rich Content Editor](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/employee-service-management/employee-experience-foundation/add-modules-rich-content-editor.md) - Columns are containers that enable you to define a custom layout. See [Add columns with the Rich Content Editor](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/employee-service-management/employee-experience-foundation/ec-rich-content-canvas.md) ## About this task The **Rich Content Editor** supports the following types of video: - HTML5 **Note:** Hover-text or tool tips aren't supported for HTML5 at this time. - YouTube - Vimeo - Video streaming service **Note:** You must configure a content provider to use videos from a video streaming service. See [Video hosting integrations framework](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/employee-service-management/employee-experience-foundation/content-providers.md). - Other **Note:** Additionally, if you want to add videos hosted on other sites that are public and require no authentication, you can add a video component and set the **Provider** to **Other**. ## Procedure 1. Navigate to the canvas by selecting the **Open editor** button from the **Design** tab of the **New content** form. 2. From the **Blocks** column, use a drag-and-drop method to move the **Video** block to your canvas. 3. Navigate to **Settings** tab. 4. Use any of the following styling settings: **Note:** When adding images, videos, or text, there are several functional and convenient styling features that help create Rich Content and News Articles. Some of the right-hand panel options include the ability to enable different backgrounds, opacity and shadows, improved cells and buttons add additional border settings, colors and types, and additional text styles, colors and fonts, and right-hand panel property setting improvements, which provide more available options when creating rich content. Provider "Other" 5. Navigate to **Content Publishing** and select **Content Provider** and confirm that **Other** provider is listed. 6. Open Other and confirm that it's mapped to a**News Article** or **Rich Content**. 7. Update **glide.html.enable\_media\_sites** to add the video platform domain you’re testing. 8. Create [Create rich content](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/employee-service-management/employee-experience-foundation/ec-content-library-portal-rich-content.md) or [Create a news article](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/employee-service-management/employee-experience-foundation/ec-content-library-news-article.md) and open the Rich Content Editor. 9. Add a **video component** and set **Provider** to **Other**. 10. Paste your public video URL from an allowed domain. 11. Save video. 12. Confirm that the video renders in **Rich Content Editor**. 13. Follow the additional setting options to configure video settings, as needed.
Settings field Description
Styling
Horizontal align Configure where the video appears in the container. Choose from the Right, Center, and Left icons.
Advanced stylingWhen you insert a video into a container, by default the video is the full width of the container and the height auto-adjusts based on the video dimensions.
Width and Height Specify the value by entering a number or dragging the sides of the video.Select the unit of measure: - px: pixel - %: percentage
Margin Margin is the space between a row and another element/the canvas boundary. Specify the value for top, bottom, right, or left padding by entering a number.
Properties
Title Text that appears when a user hovers over the video.
Provider Where the video is hosted. Choose from:- HTML5 Source - Vimeo - Youtube - Video streaming content providers - Other
Source/Video ID The unique identification for the video you want to appear in your canvas.- For HTML5, the source is the unique identification for the video you want to appear in your canvas. - For YouTube, the video ID is the text that appears after the v= in the URL string. - For Vimeo, the video ID are the numbers that appear at the end of the URL string.
Show controls \(Youtube and HTML5 Source\) Check this box to display the video player controls. Users can interact with to start, stop, control volume, show closed captions, show the video full screen, or change the video settings.
14. Select **Save** or **Save and Finish**. Selecting **Save** saves your content and you remain on the **Rich Content Editor** canvas. Selecting **Save and Finish** saves your record and returns you to the **New content** form. ## What to do next - \(Optional\) Translate your content. Request language translation for your content. For more information, see [Multilingual support in the Content Library](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/employee-service-management/employee-experience-foundation/ec-switch-language.md). **Note:** Only translate content after you are done modifying the content. For best results, we do not recommend that you add or remove components or change the formatting after translation. To create rich content that is formatted differently in different languages, duplicate the content and modify the formatting as needed. Then, use Audiences to target the content to users by language. See [Audiences](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/employee-service-management/employee-experience-foundation/ecpro-audience.md) - Preview your content from the **Publish** tab. **Note:** Content Preview is designed to provide a general idea of how your content looks. Content may look different once published due to variations in device resolution, theme difference, or mobile app style configuration. - Configure a publish plan to control where the content is delivered, the audience, and the period of time it is available: [Create a publish plan for your content](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/employee-service-management/employee-experience-foundation/ec-content-library-publish2.md).