1. Home
  2. Docs
  3. Sky Addons for Elementor
  4. Audio & Video Widget...
  5. Glory Video Slider

Glory Video Slider

How to use Glory Video Slider Widget of Sky Addons for Elementor

Sky Addons Glory Video Slider is a versatile and dynamic widget that enables users to create stunning video galleries with interactive sliders. The widget supports various video sources including YouTube, Vimeo, Dailymotion, and self-hosted videos, making it perfect for showcasing video portfolios, testimonials, product demonstrations, or any content requiring elegant video presentation with thumbnails navigation.

Glory Video Slider for Elementor WordPress

Features:

  1. Support for multiple video sources (YouTube, Vimeo, Dailymotion, Self-hosted)
  2. Interactive thumbnail navigation with customizable designs
  3. Coverflow effect with adjustable parameters for immersive presentation
  4. Customizable player controls and styling options
  5. Responsive design for optimal viewing on all devices
  6. Title and credit/subtitle display options with full styling control

Insert Glory Video Slider Widget

  1. Open Elementor Editor. In the Elementor panel, search for “Glory Slider” or “Glory Video Slider”
  2. Drag and Drop the Widget to the desired location on your page / editor.
Glory Video Slider for Elementor WordPress

Glory Video Slider Section

This section contains the main settings for configuring your video slider:

    1. Size Height – Adjust the height of the slider using px, em, or vh units.
    2. Video List – Add video slides with multiple options for each:
      • Video Source – Choose from YouTube, Vimeo, Dailymotion, or Self Hosted.
      • Video Link – Enter the URL for the selected video source.
      • Title – Add a title for each video slide.
      • Credit/Subtitle – Add attribution or subtitle text with optional URL.
      • Poster – Upload custom thumbnail image for each video.
    Glory Video Slider for Elementor WordPress
    Glory Video Slider for Elementor WordPress
    Glory Video Slider for Elementor WordPress

    Player Settings Section

    Configure how the video player behaves and displays content:

    1. Slide Speed – Control the transition speed between slides (in milliseconds).
    2. Coverflow Effect – Enable and customize depth, modifier, rotate and stretch parameters.
    3. Show Title – Toggle title visibility and select HTML tag.
    4. Text Position – Position content at top-left, top-center, top-right, bottom-left, bottom-center, or bottom-right.
    5. Text Alignment – Align text left, center, right or justified.
    6. Show Play Button on Hover – Display play button only when hovering over videos.
    Glory Video Slider for Elementor WordPress

    Thumbnail Settings Section

    Customize the thumbnail navigation system:

    1. Item Gap – Set the spacing between thumbnail items.
    2. Mouse Wheel – Enable/disable mouse wheel navigation for thumbnails.
    Glory Video Slider for Elementor WordPress

    Style Customization

    The Glory Video Slider offers extensive styling options to match your website’s design, with separate sections for player content, play button, and thumbnails.

    Player Content Section

    Style the content display area within the player:

    1. Poster Overlay – Add a color overlay to the video poster images.
    2. Content Padding – Adjust spacing around the content.
    3. Title – Customize typography, color, background, padding, and text shadow.
    4. Credit/Subtitle – Style the credit text with spacing, color, background, typography, and shadow options.
    Glory Video Slider for Elementor WordPress

    Play Button Section

    Customize the appearance of the play button:

    1. Icon Size – Adjust the size of the play icon.
    2. Padding – Control spacing around the play button.
    3. Border – Add and style borders with customizable width, color, and radius.
    4. Normal/Hover States – Set different styles for normal and hover states including text color, background, shadow effects.
    Glory Video Slider for Elementor WordPress

    Thumbnail Section

    Style the thumbnail navigation elements:

    1. Padding – Adjust spacing inside thumbnails.
    2. Border – Add and customize borders around thumbnails.
    3. Border Radius – Control the corner roundness of thumbnails.
    4. Border Color Active – Highlight the active thumbnail with a custom border color.
    Glory Video Slider for Elementor WordPress

    Save and Preview

    1. Once you’ve customized and styled your video slider, click “Publish” or “Update” to save your changes.
    2. Preview the page to ensure the widget looks and functions as desired.

    Troubleshooting

    1. Videos Not Playing: Ensure the video URLs are correct and videos are publicly accessible. For YouTube videos, make sure they allow embedding.
    2. Layout Issues: For best results, use the widget in a full-width section with no column gaps as recommended in the widget note.
    3. Mobile Display Problems: Check responsive settings and adjust slider height for smaller screens if content appears cut off.
    4. Thumbnails Not Working: Verify that all video sources have valid thumbnails or poster images specified.

    Conclusion

    The Glory Video Slider widget offers a professional way to showcase videos with an elegant, interactive interface. Its extensive customization options allow you to create a seamless viewing experience that matches your brand’s aesthetic while providing intuitive navigation for users.

    If you have any questions or encounter any challenges while using the Glory Video Slider, please don’t hesitate to reach out to our dedicated support team at http://wowdevslive.bdkoder/support/ where our expert team is ready to provide prompt and helpful assistance.

    How can we help?