Media · Elementor
Sticky Video widget for Elementor
Sticky Video is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Sticky Video” in the Elementor panel.
Get King Addons
This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.
What it actually does
Sticky Video is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Sticky Video” in the Elementor panel.
render() writes HTML data attributes: data-delay-ms, data-device, data-offset-x, data-offset-y, data-persist-close, data-persist-hours, data-position, data-show-close.
Visitor state is stored in localStorage, not in post meta.
How to add it in Elementor
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Edit with Elementor. Open a page and click Edit with Elementor.
- Insert the widget. Search the panel for “Sticky Video”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Source”, “YouTube Video ID”, “Vimeo Video ID”, “Self-Hosted Video”. Style and Content tabs are listed on this page.
When to use it
- An Elementor page that needs Sticky Video.
- A layout in the galleries, video, images, maps, and sliders group.
- Search the panel for “Sticky Video” after King Addons is active.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Video — Source | The chosen value is read in render() and applied on the front end. Options: YouTube (ID); Vimeo (ID); Self-Hosted. |
| Video — YouTube Video ID | Use the ID from the YouTube URL (after v=). |
| Video — Vimeo Video ID | Use the numeric ID from the Vimeo URL. |
| Video — Self-Hosted Video | Media Library attachment(s); render() uses the URL/ID as the image source. |
| Video — Start Time (seconds) | Numeric value used in this widget’s render/JS (default 0, min 0, max 3600). |
| Video — Autoplay | Passed through to Swiper autoplay. |
| Video — Mute | Switcher inspector control (`kng_muted`). |
| Video — Loop | Switcher inspector control (`kng_loop`). |
| Video — Show Controls | Switcher inspector control (`kng_show_controls`). |
| Video — Label (optional) | Printed in the widget HTML from render(). |
| Video — Show Close Button | Switcher inspector control (`kng_show_close`). |
| Layout — Position | The chosen value is read in render() and applied on the front end. Options: Bottom Right; Bottom Left. |
| Layout — Width | Writes CSS `max-width` onto the widget’s front-end markup. (min 200, max 640). |
| Layout — Horizontal Offset | Spacing/size control (min 0, max 200). |
| Layout — Vertical Offset | Spacing/size control (min 0, max 200). |
| Layout — Aspect Ratio | The chosen value is read in render() and applied on the front end. Options: 16:9; 4:3; 1:1; 9:16. |
| Container — Background | Writes CSS `background-color` onto the widget’s front-end markup. |
| Container — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-sticky-video`. |
| Container — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. (min 0, max 40). |
| Container — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-sticky-video`. |
| Label — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-sticky-video__label`. |
| Label — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Close Button — Icon Color | Writes CSS `color` onto the widget’s front-end markup. |
| Close Button — Background | Writes CSS `background-color` onto the widget’s front-end markup. |
| Close Button — Radius | Writes CSS `border-radius` onto the widget’s front-end markup. (min 0, max 20). |
Content and Style tabs from this widget’s PHP, including repeater fields and group controls (typography, background, border, shadow). Elementor’s Advanced tab is core Elementor and is not listed here.
FAQ
What does Sticky Video actually change on the page?
Sticky Video is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Sticky Video” in the Elementor panel. Inspector labels from this widget’s PHP include “Source”, “YouTube Video ID”, “Vimeo Video ID”, “Self-Hosted Video”.
How do I add Sticky Video in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Sticky Video”, drag it onto the canvas, then set Content and Style.
Do I need Elementor Pro?
No. King Addons runs on free Elementor. Some King Addons options (for example template-in-accordion, extra popup conditions, parts of the template catalog) need King Addons Pro — not Elementor Pro.
Related media widgets
Image Grid
A masonry or fit-rows image grid. No post query — just images.
Advanced Image Gallery
A gallery of images and optional videos from the Media Library or a manual list, with lightbox.
Google Maps
A map with marker and style controls for a location or directions block.
Hovering Image Stack
Stacked images that shift on hover so a set of shots reads as one object.
Image Accordion
Panels of images that expand on hover or click. This is a gallery layout, not the FAQ Accordion widget.
Image Comparison
A before/after slider. Two images, one divider the visitor drags.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Sticky Video after you activate it.