---
sourceDocument: Yokohama Employee Service Management
sourceDocumentLink: https://www.servicenow.com/docs/r/yokohama/employee-service-management

 Release :

    - yokohama

ft:locale :

    - en-US

ft:publication_title :

    - Yokohama Employee Service Management

ft:clusterId :

    - emplsm

bundleId :

    - emplsm

workflow :

    - Employee


---

# Add a Video with the Rich Content Editor

# Add a Video with the Rich Content Editor {#ariaid-title1}

* Release version: Yokohama
* 
* Updated January 30, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read

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://www.servicenow.com/docs/6H0zq4o5YwF2KH58dfx8Jw "Use the Rich Content Editor to build long form content with an easy to use web styled tool.")  
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://www.servicenow.com/docs/GBxSgKisdpOGd6UgL~0IbA "Use modules to easily add new content layouts containing headers, paragraph text, and images. Choose from layouts comprised of three vertical cards, three horizontal cards, or a side-by-side configuration with an image positioned to the right of a text block.")
* Columns are containers that enable you to define a custom layout. See [Add columns with the Rich Content Editor](https://www.servicenow.com/docs/aJgNnAb1GWZAhGnk7tG1Ug "Use the Rich Content Editor canvas to create columns to help define and organize your layout for your page.")
{#ec-rich-content-video__ul_jzv_qft_wxb}

## About this task

The Rich Content Editor supports the following types of video:

* HTML5  
  Note:  
  Hover text or tooltips are not 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://www.servicenow.com/docs/XFfP8huBK9v_a3klo_TppQ "Connect Content Publishing with a video hosting service, to make the hosted videos available for content authoring and publishing.").
{#ec-rich-content-video__ul_qfd_xm3_1vb}

## 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:  
   {#ec-rich-content-video__table_zx2_tgw_jyb__entry__2}

   | Settings field | Description |
   |-|-|
   | Styling ||
   | Horizontal align | Configure where the video appears in the container. Choose from the Right, Center, and Left icons. |
   | Advanced styling When 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 {#ec-rich-content-video__ul_z1t_33z_z5b} |
   | 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 {#ec-rich-content-video__ul_bj1_bpq_hzb} |
   | 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. {#ec-rich-content-video__ul_wkv_r4q_hzb} |
   | Show controls (Youtube and HTML5 Source) | Check this box to display the video player controls that your users can interact with to start, stop, control volume, show closed captions, show the video full screen, or change the video settings. |
   [Table 1. Settings options]

   {#ec-rich-content-video__table_zx2_tgw_jyb}
5. 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://www.servicenow.com/docs/KOK4m1VvS~V0Tc9EiJpZ6Q "The Content Library includes two features for multilingual content creation: Translate content (content translation workflow) and Switch language (changes the interface language).").{#ec-rich-content-video__p_vtc_nfg_h1c}

  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://www.servicenow.com/docs/XLV_9cv5kT3dTOFfqdT0DA "Target portal content and lifecycle event activities to specified audiences with audience records.")
* 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://www.servicenow.com/docs/DG0leRcxBKOwwDVd~gkcAw "After you create content in the Content Library, add one or more publish plans to control where the content is delivered, the audience, and the period of time it is available.").
{#ec-rich-content-video__ul_ogf_pv5_nyb}