AX - Video

Overview

AX - Video is an Experience Cloud component that embeds video players on Experience Sites pages and supports, supporting YouTube, Vimeo, Salesforce Content Documents, and direct video file URLs.

Use it to display training content, product demos, tutorials, or support videos directly in your portal. Pull video sources from field values to display different videos per record, and configure playback options such as autoplay, looping, and player controls in Experience Builder.

Perfect for video libraries, training centers, product demonstrations, onboarding content, or anywhere portal users need video content without redirecting to external sites.

Getting Started

Use this simple tutorial to learn the basics of the Video component and start building your use cases.

Configuration

Properties

Title sets a title for the video.

CMS Video and Video URL or Expression define the video's source — select a video from a CMS or provide a direct YouTube, Vimeo, or file URL.

Volume sets the default audio volume level for the video.

Playback Rate sets the speed at which the video plays, letting you adjust the tempo of the content.

Autoplay starts the video automatically when the page loads.

Loop replays the video continuously once it reaches the end — suitable for background visuals or a consistent multimedia presence on a page.

Hide Controls shows or hides the video controls, affecting how users interact with the video content.

Styling

Size

Controls the video's dimensions (Width / Height / Overflow).

Margin

Controls the outer spacing around the video.

Padding

Controls the inner spacing of the video.

Use Cases

Example 1: Product Video

Bring Your Products to Life with Embedded Video

Embed product demo videos directly on your product pages, giving customers instant access to the information they need, right where they need it. The result is a richer self-service experience that builds product confidence and reduces inbound support requests.

---

What You'll Achieve

• Deeper product understanding: Give customers and partners instant access to product demos, walkthroughs, and tutorials without ever leaving the page.
• Stronger self-service adoption: Reduce inbound support requests by letting users find answers visually, at their own pace.

---

Prerequisites

Make sure the following are in place:

• Product object pages: Set up and active on your Experience Cloud site.
• ProductDemoURL__c : A custom field on the Product object to store each product's video URL.

---

How to Set It Up

1

Add the component

• Open Experience Builder and navigate to your product article page. Drag the AX - Video component onto the page in your desired location.

2

Connect your data

• Select a data source and map the video URL field to pull the link dynamically from each product record.
• Video URL : {!Item.ProductDemoURL__c}

3

Adjust the appearance

• Set the component width to 500px, or adjust to fit your page layout.

4

Preview & publish

• Use the built-in preview to confirm the video renders correctly across your product pages, then publish when ready.