Diverse visions, consistent quality - that's the MelloD promise.
At MelloD Designs, we believe that every client’s vision is as unique as their fingerprint. While the needs and aspirations of our clients are wonderfully diverse, there’s one thing that remains constant: our unwavering commitment to excellence.
Explore our portfolio to see how we’ve brought a wide array of creative concepts to life, each project a testament to our versatility and dedication to premium production value.
jQuery(document).ready(function($) {
// Wait for Elementor frontend to initialize
$(window).on('elementor/frontend/init', function() {
elementorFrontend.hooks.addAction('frontend/element_ready/widget', function($scope) {
Target the specific carousel by CSS ID
var $carousel = $scope.find('#vimeo-carousel'); // Replace with your carousel's CSS ID or class (e.g., .vimeo-carousel)
if ($carousel.length === 0) return; // Exit if carousel not found
// Initialize Swiper instance
var swiper = $carousel.find('.swiper')[0].swiper;
var $slides = $carousel.find('.swiper-slide');
// Store video elements
var videos = [];
// Initialize video elements for each slide
$slides.each(function(index) {
var $video = $(this).find('video.custom-video'); // Replace with your video's CSS class
if ($video.length) {
videos[index] = $video[0]; // Store native HTML5 video element
// Pause video initially
videos[index].pause();
// Autoplay the first slide's video on load
if (index === 0 && $(this).hasClass('swiper-slide-active')) {
videos[index].play();
// Hide overlay for the first slide, if present
}
}
});
});
});
});