Video Player
v5.3 New Feature Alert: You can now easily embed Vimeo videos.
Overview
The Video Player component is designed to provide users with seamless video playback capabilities. The component allows for various configurations and customizations, such as control over the video source, playback options, volume control, visual customization, and more. Here is a breakdown of its properties:
Component properties
Name | Description |
---|---|
| This property lets you easily select the video you want to display in the player. You can provide a direct URL to the video file (including those hosted on Vimeo), paste a YouTube Video ID, or upload your own video file. |
| If the Autoplay property is enabled, the initial video will automatically play when the player loads. However, due to browser limitations and user experience considerations, videos that autoplay are initially muted. Users can manually unmute the video using the player controls. |
| This property controls the video player's volume level. It accepts a number between 0 (mute) and 100 (maximum volume). This allows for better control over the audio output based on user preference or ambient noise levels. |
| If the Hide Controls property is enabled, the player controls are hidden from view. This can provide a clean and uninterrupted viewing experience, especially for videos that are designed to autoplay and/or loop. |
| Enabling the Loop property will make the video replay from the beginning once it finishes. This can be particularly useful for short video clips, demo videos, or background videos. |
| The Playback Rate property determines the speed at which the video is played back. It can be set to values like 0.5 (half speed), 1 (normal speed, default), or 2 (double speed), giving users the ability to control their viewing pace. |
Vimeo Source Configuration
You must configure Salesforce to trust these domains and utilize Vimeo URLs as video sources. Follow these steps:
In Salesforce Setup, navigate to
Security | Trusted URL's
.Add the following URLs as trusted sites:
https://vimeo.com
https://*.vimeo.com
Enable the ALL the CSP directives for these sites:
This configuration ensures that your Avonni Video Player component can securely embed and play videos from Vimeo within your Salesforce.
Style Panel
The Avonni Video Player component has a Style Panel that lets you customize how it looks on your page. You can easily change the size and spacing of the player to make it fit perfectly within your design. Here's what you can adjust:
Size: Make the video player bigger or smaller by setting the width and height.
Margin: Control the space around the video player. This helps you position it exactly where you want it and create your desired visual layout.
Last updated