来自文件夹的随机播放的视频播放列表

Question

在我开始之前，英语不是我的第一语言，对于任何语法和拼写错误都很抱歉。

此外，这可能是之前被问到的。但经过几天的搜索，我无法找到它。

我正在尝试在我的网站上制作视频播放列表

目前，它从文件夹中抓取大量文件，并将第一个文件作为视频源。然后在视频下方，它回显列表项中的所有文件名并给它们编号。

Screen shot of what i currently have

那么需要做些什么呢？

如果我加载或刷新页面，我希望列表随机播放它的顺序。

当视频结束时，随机播放顺序中的下一个视频开始播放。

我希望能够从列表中的任何位置选择一首歌曲。

如果列表中的最后一首歌曲从第一首歌曲开始再次开始。

因为我完全陷入困境，我将如何解决这个问题

“我对js没有经验，所以我没有尝试过。”

我目前拥有的代码：

<?php 
$files = glob('./vid/*.mp4'); // get all .mp4 files from folder
$fname = $files[0]; // get 1st filename 
$ftext = ucwords(str_replace('_', ' ', basename($fname, '.mp4'))); // format text for display
?>

<video id="video" class="box" poster="poster.jpg" preload="metadata" controls>
    <source src="<?php echo $fname; ?>"/>
</video>

<div id="infobox" class="box">Video: '<b><?php echo $ftext; ?></b>'</div>

<ul id="playlist" class="box">
<?php 
$i = 1; // start track numbering from 1
foreach ($files as $file) { 
    $vid = ucwords(str_replace('_', ' ', basename($file, '.mp4'))); // format text for display
    echo "<li><a href='#' data-video-src='$file'><b>$vid</b> <span>[$i / ".count($files)."]</span></a></li>\n"; 
    $i++; // increment track number count 
    } 
?> 
</ul>

Answer 1

欢迎来到Stack Overflow！

你在问“需要做什么？”我的简短回答是“使用java脚本”。由于php是一种服务器端语言，它的动态能力是湖泊 - 与java脚本相比。

请允许我演示如何完成，以及该网站如何提供帮助：

1. 对于：“如果我加载或刷新页面，我希望列表改变它的顺序。”并且“当视频结束时，随机播放顺序中的下一个视频开始播放”和“如果列表中的最后一首歌曲从第一个开始播放” - 您将使用数组来保存所有文件，您可以找到一些线索要做here，here，here以及here。
2. 对于：“我希望能够从列表中的任何位置选择一首歌曲。” - 你可以使用addEventListener

你会发现不仅仅是线索here。

如果你被困在路上 - 在阅读this后问一个新问题。

最重要的是：不要卡住并继续练习。

享受代码！