Sticky Video

← All widgetsWidget 185 · emcp_custom_185

Elementor widget4 layouts18 content options11 style options3 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: sticky, video, picture in picture, floating, youtube, vimeo.

Setup guide

Open a page in Elementor, search the panel for Sticky Video and drag it into a container.
Content › Video: Source, Video URL, Video File, Poster Image, Autoplay (muted), Muted, Loop, Player Controls and 2 more.
Content › Sticky Behaviour: Float To, Floating Width, Edge Offset, Only Float While Playing, Close Button, Draggable, Enable on Mobile, Entrance.
Pick a Aspect Ratio: 16:9, 4:3, 1:1, 9:16. Each one is shown below.
Style tab sections: Player. Colours, typography and spacing set here are scoped to this widget instance.
Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.

Conditional options: Video URL appears when Source is youtube or vimeo; Video File appears when Source is hosted.

This widget is fixed to the viewport (a corner button, a bar or a toast). On this page each demo is pinned inside its grey stage box so you can see it in place; on a real page it floats over the content. Scroll-driven options react to the scrolling of this page.

Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.

Layout

16:9

Aspect Ratio = 16/9

Layout

4:3

Aspect Ratio = 4/3

Layout

1:1

Aspect Ratio = 1/1

Layout

9:16

Aspect Ratio = 9/16

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Video

Option	Type	Choices / range	Default	Notes
Source `source`	Dropdown	YouTube, Vimeo, Self-hosted (MP4 / WebM)	youtube
Video URL `url`	Text		https://www.youtube.com/watch?v=XHOmB...	Shown when source = youtube or vimeo
Video File `file`	Image			Shown when source = hosted
Poster Image `poster`	Image
Autoplay (muted) `autoplay`	Toggle	on / off	yes
Muted `muted`	Toggle	on / off	yes
Loop `loop`	Toggle	on / off
Player Controls `controls`	Toggle	on / off	yes
Aspect Ratio `ratio`	Dropdown	16:9, 4:3, 1:1, 9:16	16/9
Mini-player Title `title`	Text

Sticky Behaviour

Option	Type	Choices / range	Default
Float To `position`	Dropdown	Bottom right, Bottom left, Top right, Top left	bottom-right
Floating Width `width`	Slider	min 200, max 640, px	360
Edge Offset `offset`	Slider	min 0, max 120, px	24
Only Float While Playing `only_playing`	Toggle	on / off
Close Button `closable`	Toggle	on / off	yes
Draggable `draggable`	Toggle	on / off	yes
Enable on Mobile `mobile`	Toggle	on / off
Entrance `anim`	Dropdown	Slide in, Fade, Pop, None	slide

Style tab

Player

Option	Type	Choices / range	Default
Radius `radius`	Slider	min 0, max 60, px	12
Border `border`	Border
Shadow `shadow`	Box shadow
Floating Shadow `float_shadow`	Box shadow
Floating Radius `float_radius`	Slider	min 0, max 60, px	12
Z-index `zindex`	Number	min 1, max 99999	9990
Mini Bar Background `bar_bg`	Color		rgba(16,24,40,0.85)
Mini Bar Text `bar_color`	Color		#ffffff
Mini Bar Typography `bar_typo`	Typography
Play Button Background `play_bg`	Color		#ffffff
Play Button Icon `play_color`	Color		#101828

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_185" and a settings object using the keys above. Run get-custom-widget with id 185 for the full JSON spec.