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

欢迎堆栈溢出！

您在问“需要做什么？”我的简短回答是“使用Java脚本”。由于php是一种服务器端语言，因此它的动态能力十分强大-与Java脚本相比。

允许我演示如何完成此工作以及该站点如何提供帮助：

对于：“如果我加载或刷新页面，我希望列表进行随机排列顺序”和“当视频结束时，将按随机顺序播放下一个视频”和“如果列表中的最后一首歌曲从第一首开始再次播放”，您将使用数组保存所有文件，然后找到here，here，here以及here的一些提示。
用于：“我希望能够从列表中的任何位置选择一首歌曲。” –您可以使用addEventListener

您会发现更多线索here。

如果您会遇到麻烦，请在阅读this后再问一个新问题。

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

享受代码！

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

1 个答案: