Javascript 视频滑块如何自动播放下一个视频

我有一个视频滑块，希望能够在视频之间切换，但也希望它能在上一个视频完成后自动播放下一个视频。我在互联网上寻找可以自动播放但也可以手动控制的替代视频滑块，但到目前为止我运气不佳

我的代码：

函数videoUrl（hmmmm）{
document.getElementById（“slider”）.src=hmmmm；
}

@charset“utf-8”；
/*CSS文档*/
* {
保证金：0；
填充：0；
框大小：边框框；
}
部分{
宽度：50%；
身高：50%；
}
区段视频{
位置：绝对位置；
排名：0；
左：0；
宽度：1280px；
对象匹配：覆盖；
}
第二节导航{
位置：绝对位置；
底部：40px；
左：50%；
转化：translateX（-50%）；
z指数：100；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
第二节导航李{
列表样式：无；
光标：指针；
利润率：0.10px；
边界半径：4px；
背景：#fff；
填充：3px3px0；
过渡：0.5s；
}
导航li：悬停{
不透明度：1；
}
第三节导航{
宽度：120px；
转化率：0.5s；
}
第节导航li img：悬停{
宽度：200px；
}
多特先生{
光标：指针；
高度：15px；
宽度：15px；
边际：0.2px；
背景色：#bbb；
边界半径：50%；
显示：内联块；
过渡：背景色0.6s；
}
.active，.dot:悬停{
背景色：#717171；
}

不拘小节

---

这回答了你的问题吗？你有一个功能正常的滑块吗？哪里定义了

currentSlide（）

？如果视频未静音，许多浏览器会阻止视频自动播放。OneEnded是为视频idHelloİsa定义的，欢迎来到Stackoverflow。在这种情况下，带着一些解释的答案将受到欢迎，而不仅仅是一些代码片段。别忘了，有很多人用不同的经验寻找类似的问题。Heve fun和“Tekrar Hoşgeldin”。首先感谢您的建议，但第一个视频完成后，下一个视频似乎无法播放。@谢谢您的建议，我是新来的。下次我会更小心的。

<video id="slider" src="Komp 1.mp4" video_id="video1" type="video/mp4" autoplay muted loop></video>
<ul class="navigation">
   <li id="video1" onclick="videoUrl('Komp 1.mp4')"><span class="dot active" onclick="currentSlide(1)"></span></li>
   <li id="video2" onclick="videoUrl('Komp 2.mp4')"><span class="dot" onclick="currentSlide(2)"></span></li>
   <li id="video3" onclick="videoUrl('Komp 3.mp4')"><span class="dot" onclick="currentSlide(3)"></span></li>
   <li id="video4" onclick="videoUrl('Komp 4.mp4')"><span class="dot" onclick="currentSlide(4)"></span></li>
   <li id="video5" onclick="videoUrl('Komp 5.mp4')"><span class="dot" onclick="currentSlide(5)"></span></li>
   <li id="video6" onclick="videoUrl('Komp 6.mp4')"><span class="dot" onclick="currentSlide(6)"></span></li>
</ul>

document.getElementById('slider').addEventListener('ended',(e) => {
   const video_num = parseInt(e.target.video_id.split('video')[1]);
   document.getElementById('video' + (video_num + 1)).click();
});

function videoUrl(url){
   const slider = document.getElementById("slider");
   slider.src = url;
   slider.video_id = 'video' + url.substr(5,1);
}