Take your carousel game one step further by showcasing playable video projects or just use it to add a bit of fluidity to the page.
The Video Carousel User Experience
The user experience with the Video Carousel varies between desktop and touch devices:
Desktop
Hover Interaction: Hovering over a video tile automatically starts playback.
Volume Control: Mute/unmute buttons toggle audio playback.
Pause Behavior: The video pauses automatically when the cursor leaves the tile.
Touch Device
Tap Interaction: Tapping a video tile brings up native video controls.
Control Options: Users can play/pause, adjust volume, enter full screen, and seek within the video.
Pause on Interaction: Any playing video pauses when the user taps or navigates through the carousel.
Device Breakpoints
Customization: Users can specify the number of visible tiles for different device modes (desktop, tablet, mobile).
Adjusting Settings: Double-click the Video Carousel to access its settings modal.
Setting Visibility: Specify the desired number of tiles for each device mode.
Preview Changes: Switch between desktop, tablet, or mobile mode in the Vev Editor to preview design adjustments.
Note: Changes may require switching between breakpoints to take effect properly.. Once completed, then switch the Vev Editor device mode between desktop, tablet, or mobile mode to view the designs.
Sometimes you need to switch between breakpoints for these changes to take effect.
Configuration options
Double-clicking the Video Carousel component on your canvas opens the configuration options.
Parameter | Option |
Poster Image | An image to display in the carousel tile before the video begins playing. |
Video | The video to play in the carousel tile. |
Title | The visible title is in the bottom left corner of the tile. |
Want this link to be clickable? | Turns the video title into a clickable link. |
URL | The target destination is where the user will be directed after clicking on the title. Available only if the "Want this link to be clickable?" option is turned ON. |
Number of visible slides per device mode. |
|
Autoplay Carousel | Slides through the carousel automatically. |
Autoplay Interval Speed | The interval for which the carousel pauses before automatically continuing to the next tile. (Only when autoplay is ON) |
Previous/next arrow placement | Preset options for tweaking the placement of the carousel navigation arrows. |