Javascript Splidejs视频未显示

我正在使用splidejs将视频加载到幻灯片中。正在加载视频扩展，但未渲染任何视频。我已经看过了，我可以看到代码有任何问题

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide-extension-video@latest/dist/css/splide-extension-video.min.css">
<script src="//cdn.jsdelivr.net/npm/@splidejs/splide@2.4.14/dist/js/splide.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/@splidejs/splide-extension-video@0.4.6/dist/js/splide-extension-video.min.js"></script>

<div id="primary-slider" class="splide">
    <div class="splide__track">
        <ul class="splide__list">
            <li class="splide__slide" data-splide-youtube="https://www.youtube.com/watch?v=cdz__ojQOuU"></li>
            <li class="splide__slide" data-splide-youtube="https://www.youtube.com/watch?v=cdz__ojQOuU"></li>
            <li class="splide__slide" data-splide-youtube="https://www.youtube.com/watch?v=cdz__ojQOuU"></li>
       </ul>
   </div>
</div>

<script>
document.addEventListener( 'DOMContentLoaded', function () {
    var splide = new Splide( '#primary-slider', {
        video: {
            autoplay: true,
            mute    : true,
        },
    });
    splide.mount();
}); 
</script>

document.addEventListener（'DOMContentLoaded'，函数（）{
var splide=新splide（“#主滑块”{
视频：{
自动播放：对，
哑巴：是的，
},
});
splide.mount（）；
}); 

DOMContentLoaded事件在初始HTML文档完全加载和解析后激发，而不等待样式表、图像和子帧完成加载

vs

加载整个页面（包括样式表和图像等所有相关资源）时，将触发加载事件。这与DOMContentLoaded形成对比，DOMContentLoaded在页面DOM加载后立即启动，而不等待资源完成加载

您应该使用

load

事件侦听器

document.addEventListener( 'load', function () {
    var splide = new Splide( '#primary-slider', {
        video: {
            autoplay: true,
            mute    : true,
        },
    });
    splide.mount();
}); 

---

更改为

load

事件侦听器不会触发javascript，但之前指定的

domcontentload

会触发javascript。视频模块似乎没有启动。我已经检查过所有版本都对齐了，所以我现在很困惑。