Javascript 多文件HTML视频播放器

这就是我面临的问题。我有《行尸走肉》第三季的16.mp4视频。我用一个HTML母版页和一个播放按钮在浏览器中播放它们。然后，单击它将打开另一个HTML页面，其中包含该集的视频帧。因此，在我的第三季文件夹中，我有一个Index.html页面，然后还有16个页面用于相关视频。我想知道有没有更优雅的方法

我真正想要的是有一个“第三季第一集”的链接，点击它会打开那个视频，但不需要有16个额外的html页面来播放一个视频。有没有一种方法可以通过“索引”页面和“播放器”页面来播放请求的视频？这是可以用PHP实现的吗？因此，点击“第三季第1集”，它会在播放器页面中播放一段名为S03E01.mp4的视频。那么对于《第三季第二集》，它会打开同一个玩家页面，但会打开S03E02.mp4吗

---

非常感谢

仅在一个页面中可以执行以下html：

<video controls autoplay>
    <source src="S01E01.mp4">
    <source src="S01E02.mp4">
    <source src="S01E03.mp4">
    <source src="S01E04.mp4">
</video>

---

视频源将是

？s=

+之后的文本

？ep=

+

.mp4

假设您的html上有

<div id="elvideo"></div>

那你就可以这么做了

<script>
var str = "S03E01.mp4,S03E02.mp4,S03E03.mp4,....,S03E0(n).mp4";
var n = str.includes(","); 
if (n) {
var nArr = str.split(',');
    document.getElementById('elvideo').innerHTML ="<video id='videoElement' width=100% controls controlsList='nodownload' autoplay playsinline><p>Tu navegador no funciona, actualizalo</p></video>";
var videoPlayer = document.getElementById('videoElement');
videoPlayer.src = "http://pathtoyour/file/video/"+nArr[0];
i = 1;
videoPlayer.onended = function(){
    if (i < nArr.length) {
        videoPlayer.src = "http://pathtoyour/file/video/"+nArr[i]
       i++
    }
  }
}
</script>

var str=“S03E01.mp4，S03E02.mp4，S03E03.mp4，…，S03E0（n）.mp4”；
var n=str.includes（“，”）；
如果（n）{
var nArr=str.split（'，'）；
document.getElementById（'elvideo'）.innerHTML=“Tu navegador no functiona，actualizalo
”；
var videoPlayer=document.getElementById（'videoElement'）；
videoPlayer.src=”http://pathtoyour/file/video/“+nArr[0]；
i=1；
videoPlayer.onended=函数（）{
如果（i<平均长度）{
videoPlayer.src=”http://pathtoyour/file/video/“+nArr[i]
我++
}
}
}

这将从第一个mp4开始，当它完成播放时，将转到下一个，依此类推。 您可以在nArr[x]

---

如果你想跳过几个节目而不浏览中间的所有节目，那么你需要在某个地方添加一个剧集的下拉列表。并使用“onclick”跳转功能播放特定的mp4集。

尝试更改

video

element？AJAX的

src

？嘿谢谢你的回复。如果我向您展示我的文件结构，可能会有所帮助。我有如下内容：index.html、player.php和所有的视频。所以S03E01.mp4、S03E02.mp4、S03E03.mp4等等，一直到16。我尝试了你建议的方法，但它没有加载视频。它只显示视频播放器框，其他什么都没有。再次感谢。你试了哪一个？如果是第二个，它应该适用于您的文件结构。你能把index.html的

行和player.php文件的

行发送给我吗？嘿。修好了！这是我自己的错。我忘了更改本季的名称，这意味着它找不到文件！谢谢你的帮助！它工作完美无瑕！

<div id="elvideo"></div>

<script>
var str = "S03E01.mp4,S03E02.mp4,S03E03.mp4,....,S03E0(n).mp4";
var n = str.includes(","); 
if (n) {
var nArr = str.split(',');
    document.getElementById('elvideo').innerHTML ="<video id='videoElement' width=100% controls controlsList='nodownload' autoplay playsinline><p>Tu navegador no funciona, actualizalo</p></video>";
var videoPlayer = document.getElementById('videoElement');
videoPlayer.src = "http://pathtoyour/file/video/"+nArr[0];
i = 1;
videoPlayer.onended = function(){
    if (i < nArr.length) {
        videoPlayer.src = "http://pathtoyour/file/video/"+nArr[i]
       i++
    }
  }
}
</script>