SR Element Video
This module renders a single video from one of three sources: an uploaded HTML5 video file, an embed code or oEmbed URL, or a HubSpot-hosted video, with optional poster image or oEmbed thumbnail and playback controls for autoplay, loop, mute and controls visibility.
Pick it over the bling graphic or clients modules when the content is a single playable video rather than a static image, slider, or logo set, and over the bento grid when you only need one video and not a mixed-media layout. It expects one video source configured per instance and shows a placeholder message in the sidebar until a video type is selected.
Use cases
- Embedded product demo video
- Youtube or vimeo embed
- Hosted explainer video
- Autoplaying background video
- Customer testimonial video clip
- HubSpot video library clip
Where it fits
- Included with: Core
- Page sections: Media, Hero, Content
Editable fields
Content tab
| Field | Type | Notes |
|---|---|---|
| Video type | Choice | Options: Embed, HTML Video, HubSpot Video. |
| HubSpot Video | Video player | |
| Embed | Embed | |
| Custom Thumbnail | Image | |
| Video File | File | Repeats: default 1. Add multiple file formats in order to provide compatibility with a broad range of browsers. |
| Video Poster | Image | |
| Show Controls | Boolean | |
| Autoplay | Boolean | |
| Loop | Boolean | |
| Muted | Boolean |
Style Options
| Field | Type | Notes |
|---|---|---|
| Play button color | Color |
Placeholder text
| Field | Type | Notes |
|---|---|---|
| Video placeholder title | Text | |
| Video placeholder description | Text |
Style tab
Change log
| Version | Change |
|---|---|
| 1.0.0 | Stardust updates release |
SR Element Testimonial
This module renders a single blockquote with an optional icon badge, a heading, a rich text description for the quote, and an attribution line with a name and title.
SR Gallery 01
This module renders a heading, optional rich text description, and a fixed asymmetric collage of four images with color overlays and a lightbox click to enlarge.