Splidejs: no video

[phonoarchive]

Hello! I am trying to run a SplideJS slider. However, when I am trying to insert this code nothing happens afterwards. Do you have any idea how I can correct that?

<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide-extension-video.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide-extension-video.min.css">
<div class="splide">
  <div class="splide__track">
    <ul class="splide__list">
      <li class="splide__slide" data-splide-youtube="some link">
        <img src="some image.jpg">
      </li>
      <li class="splide__slide" data-splide-vimeo="some link">
        <img src="some image.jpg">
      </li>
    </ul>
  </div>
</div>
<script>
document.addEventListener( 'load', function () {
    var splide = new Splide( '.splide', {
        video: {
            autoplay: true,
            mute    : true,
        },
    });
    splide.mount({ Video });
}); 
</script>

Many thanks in advance!

[NaotoshiFujita]

document does not have the load event. See this page for initialization:
https://splidejs.com/guides/getting-started/#applying-splide