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
}
}
});
});
});
});
