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

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
• Columns are containers that enable you to define a custom layout. See Add columns with the Rich Content Editor

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.

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:

   Table 1. Content styling settings

   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
   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
   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 that your users can interact with to start, stop, control volume, show closed captions, show the video full screen, or change the video settings.

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

• Preview your content from the New content form.
  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.
• (Optional) Translate your content.

  Select a different language to view your session or request a language translation for the content you are creating. For more information, see Language support for Content Experiences and Content Publishing.

  Use the Language settings drop-down menu to select a different language to view your session in or request a language translation for the content you are creating.
  • Switch language: This allows you to switch your system settings language to a different language. This is similar to changing your language at login. For more information, see Switch language for Content Publishing.
  • Translate content: When you activate the sn_cd.enable_localization_framework_integration system property, created content from the Content Library displays the Translate content selection from the Language settings drop-down. This allows you to request translation for the content to the language you selected. For more information, see Integration with Localization Framework.
    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

• 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.