UltraKit · Widget #114
Horizontal / Vertical × Drag, Click or Hover to Move × Synced Playback × Custom Play Controls × Labels × 4 Handle Styles × Keyboard Accessible
5 Aspect Ratio4 Handle Style6 More Choices4 Toggles
Section 01
5 options for aspect ratio — all shown live below.
1
16:9ratio = 16/9
2
4:3ratio = 4/3
3
1:1ratio = 1/1
4
21:9ratio = 21/9
5
9:16ratio = 9/16
Section 02
4 options for handle style — all shown live below.
1
Circle with arrowshandle = circle
2
Tall pillhandle = pill
3
Thin line onlyhandle = line
4
Diamondhandle = diamond
Section 03
Extra switches for the finishing touches.
1
Media Type: Videos (MP4 / WebM)type = video
2
Media Type: Imagestype = image
3
Orientation: Left / Rightorientation = horizontal
4
Orientation: Top / Bottomorientation = vertical
5
Move Divider By: Drag / clickmove = drag
6
Move Divider By: Mouse hovermove = hover
Section 04
Switch parts of the widget on or off.
1
Autoplay (muted, looping) — Offautoplay = off
2
Play / Pause Button — Offcontrols = off
3
Animated Demo When No Media Is Set — Offdemo = off
4
Hide On Desktop — Onhide_desktop = hidden-desktop