About

<script type='text/javascript'>
document.addEventListener("DOMContentLoaded", () => {
  
  /* provide the identifier */
  const sliderIdentifier = 'iborgo';

  /* listen for slider being initialised */
  document.querySelector('.x-slider[data-x-id=' + sliderIdentifier + ']').addEventListener( 'x_slider:init', () => {

    /* get the Splide instance to control the slider */
    const sliderInstance = xSlider.Instances[sliderIdentifier];

    console.log(sliderInstance);

    const playSlider = () => {
      //sliderInstance.Components.Autoplay.pause();
      sliderInstance.Components.Autoplay.play();
    };

    const pauseSlider = () => {
      sliderInstance.Components.Autoplay.pause();
    };

    /* start playing the slider after 4 seconds */
    var playSliderTimeout = setTimeout(playSlider, 6000);

    /* listen for arrow clicks */
    const prevArrow = document.querySelector('#home-slider .splide__arrow--prev');
    const nextArrow = document.querySelector('#home-slider .splide__arrow--next');
    prevArrow.addEventListener('click', pauseSlider);
    nextArrow.addEventListener('click', pauseSlider);

    /* stop playing the slider when the window is scrolled more than 100px */
    window.addEventListener('scroll', () => {
      if (window.scrollY > 100) {
        pauseSlider();
      } else {
        playSlider();
      }
    });

    // Get a reference to the video element
    var myVideo = document.querySelector('#home-video video');
    
    var videoIteration = 1;

    // Pause the autoplay when the video is playing
    myVideo.addEventListener('play', function() {
      	
        console.log("PLAY");
      	clearTimeout(playSliderTimeout);
      	if( videoIteration == 1 ){
        pauseSlider();
        }
      	
    });
    
    
    // Mute the video if the current slide is not the first
    sliderInstance.on('move', (newIndex) => {
      if (newIndex !== 0) {
        myVideo.muted = true;
        console.log("mute video");
      } else {
        myVideo.muted = false;
        console.log("unmute video");
      }
    });

    // Resume the autoplay when the video ends
    myVideo.addEventListener('ended', function() {
      
      if (sliderInstance.index === 0 && videoIteration == 1) { // check if the current slide is the first one
        console.log("ENDED");
        sliderInstance.go('>'); // go to the next slide
         // start autoplaying the slider
        
        playSlider();
      }
      
      this.play(); // start playing the video again
      videoIteration++;
    });

  }); // x_slider:init

});// DOM content loaded

</script>