Adding a video

You can add a video to your section to provide an interactive user experience.

1. Open the Design tab of your section.

2. Click Advanced > Video. Drag and drop the control into one of the layouts.
3. Click the gear icon to open the cell properties panel.
4. Select a video file, and configure other general properties as described below.

   Property	Description
   Visibility	Determines when the control is visible on the screen. Select Always to have the video appear at the time this area of the user form (section or flow action) is presented or refreshed. Select If not blank or If not zero to have the video appear or be hidden based on the property value when this area of the user form (section or flow action) is presented or refreshed. Select Condition (expression) if you want the video to be visible only when a condition is met. Enter the expression to be validated or use the expression builder to create an expression. Select Condition (When rule) to make the visibility depend on a when condition rule, a Boolean expression evaluated only once, or a test evaluated repeatedly upon JavaScript events. For options other than Always, select: Reserve space when hidden to leave the space blank even when the video element is invisible Run visibility condition on client to validate a conditional expression on the client
   Source URL	Enter the source URL of the video file. Select Text to enter the URL as a fully-qualified URL. Select Property Reference to refer to a property that holds the value of the URL.
   All User Controls	By default, all the usual play back controls such as play, pause, and end are enabled. Select No to disable all the user controls.
   Autoplay	By default, autoplay is disabled. Select Yes to enable autoplay.
   Loop	By default, the video plays only once. Select Yes to continuously loop the video.
   Muted	By default, the video is muted when it is rendered. Select No to enable audio.
   Preload	Determines the buffering mechanism for streaming this video. Select auto to buffer the entire video when the element is rendered. Select metadata to download only the metadata. Buffering starts only when the video is played. Select none to download nothing. Buffering starts only when the video is played.

5. Click Presentation to select a post image, and configure other presentation properties.

   Property	Description
   Include a Label	Optional: To provide a label that appears on top of your video, select Include a Label. Enter the label text or select a property or field value that contains the label text.
   Label format	Select a label format.
   Poster Image	Select a poster for your video. Enter the source URI of the image or select a property that holds the source URI.
   Advanced Presentation Options	Optional: To use custom styles, configure the Advanced Presentation Options. Cell read-write classes — Enter the name to apply to this cell in read-write mode. Cell read-only classes — Enter the name of the custom style to apply to this cell in read-only mode. Cell inline style — Instead of defining a custom style here, define custom styles in the skin. See Skin form — Components tab — General — Custom styles.

6. Optional: On the Actions tab, configure an action set that is triggered when any of the video-related events occur.
7. Click Submit.

Open topic with navigation