Video Comparison Demos

Showcase your video comparison in the Gutenberg Editor. Here are some demos that will help you understand how to display the video comparison

01. Custom Caption

Video comparison with before-after labels and a custom caption with the default handle and control line.

Difference between and
WordCamp Malaysia & Europe

02. Hover Swipe Mode

Video comparison with the Hover Swipe Mode. It swipes the handle on mouse hover instead of Drag.

03. Vertical Directional Comparison

Video comparison along the vertical direction. Drag and hover both swipe modes work fine along the vertical direction.

Explore WordPress 6.3 and 6.4 Comparison
FreeCodeCamp & Traversy Media Courses for CSS

04. Custom Starting Point & Disable Sliding Behavior

A custom starting point has been set, here the Control line starts at 60% and the sliding behavior is disabled.

05. Custom Style for Labels, Caption & Control Line, and Button

Add custom style for before-after label, Comparison slider’s caption, control line, and control button. Labels are visible on Hover with animation.

GutSlider and Posten Block Plugins