Documentation: YOOtheme Elements
Loom HQ Element
The Loom HQ element embeds a Loom video on your page. Paste a share or embed link and the element takes care of the rest, including the player options Loom offers.
By default the video is not loaded until the visitor asks for it. The element shows a placeholder first and only contacts loom.com after a click, so no data is sent to Loom for visitors who never play the video.
In the YOOtheme Builder, open the element picker and look for the Joomill Extensions group of elements.
Select the Loom HQ element.
Content tab
| Video | A share or embed link from Loom, e.g. https://www.loom.com/share/<video id>. Only Loom links are accepted; anything else leaves the element empty. |
| Width / Height | Sets the aspect ratio of the video frame, not a fixed size: the player is always fluid. Filling in just one value keeps 16:9 proportions. |
| Timestamp | Start the video at a given point. Accepts 80, 80s, 1m20s, 1:20 and 1:02:03. |
| Frame Title | Describes the video for screen readers and search engines. Leave empty to use "Loom video". |
| Only contact loom.com after the visitor clicks the video | Recommended, and on by default. Shows a placeholder first, so no data is sent to Loom until the visitor asks for it. With autoplay enabled the video loads as soon as it scrolls into view instead. Without JavaScript the placeholder stays a plain link to the video on loom.com. |
| Starts the video muted | Starts playback without sound. |
| Immediately plays the embedded video | Autoplay. Browsers only allow this when the video also starts muted. |
| Hides the button that links out to the video URL | Hides Loom's share button. |
| Hides the top bar of the embedded video | Hides the bar with the title, the owner and the share link. |
| Hides the video title | Hides the title Loom shows on the player. |
| Hides the video creator's avatar before the video plays | Hides the avatar on the start screen. |
| Hides the playback speed control | Removes the speed control from the player. |
Settings tab
Video
| Box Shadow | None, Small, Medium, Large or X-Large. |
| Box Decoration | None, Default, Primary, Secondary, Floating Shadow or Mask. |
| Inverse style | Inverts the box decoration, for use on a dark background. Only available with Default, Primary or Secondary. |
| Border Width | None, Hairline, Thin, Medium, Thick, Heavy or Extra Heavy. |
| Border Style | Solid, Dashed, Dotted or Double. Only shown once a Border Width is set. |
| Border Color | Leave empty to use the border color of your theme. |
| Corner Radius | None, Small, Medium, Large, X-Large, 2X-Large or 3X-Large. |
General
The General group holds the standard YOOtheme options: Position, Blend Mode, Margin, Max Width, Block Alignment, Text Alignment, Animation and Visibility.