javascript - 多个文件的 HTML 视频播放器

Question

这就是我面临的问题。我有《行尸走肉》第 3 季，其中包含 16 个 .mp4 视频。我制作了一种非常简单的方法，可以通过 HTML 母版页和每个剧集的播放按钮在浏览器中播放它们。然后，单击它将打开另一个 HTML 页面，其中包含该剧集的视频帧。因此，在我的第 3 季文件夹中，我有一个 Index.html 页面，然后还有 16 个用于相关视频的页面。我想知道是否有更优雅的方法来做到这一点？

我真正想要的是“第 3 季第 1 集”的链接，单击它会打开该视频，但不必有 16 个额外的 html 页面来播放一个视频。有没有办法通过“索引”页面和“播放器”页面来播放请求的视频来实现此目的？这是可以用 PHP 完成的事情吗？因此，单击“第 3 季第 1 集”时，它将在播放器页面中拉出一个名为 S03E01.mp4 的视频。那么对于“第 3 季第 2 集”，它将打开相同的播放器页面，但打开 S03E02.mp4？

非常感谢!

Answer 1

您只能在一页中执行此 html 操作:

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

这允许您拥有某种播放列表

在您的索引页中，您可以有这样的内容:

<a href="player.php?ep=E01&s=S02" target="_blank">Season 2 Episode 1</a>
<a href="player.php?ep=E02&s=S01" target="_blank">Season 1 Episode 2</a>
<a href="player.php?ep=E03&s=S03" target="_blank">Season 3 Episode 3</a>
<a href="player.php?ep=E04&s=S01" target="_blank">Season 1 Episode 4</a>

target="_blank" 将在新选项卡/窗口中打开播放器。在你的player.php文件中:

<video src="<?php echo($_GET['s']); echo($_GET['ep']); ?>.mp4" controls autoplay></video>

视频源将是 ?s= 之后的文本 + ?ep= 之后的文本 + .mp4