HTML5 和其他格式的动态视频播放列表

Question

我想知道如果使用 HTML5 和 JavaScript - 以及更高版本浏览器版本中的相关支持，再加上一些服务器端技术 PHP 我可以管理吗动态视频播放列表。

我想播放video1、video2、video3（放置在网络服务器子目录中）并循环播放。然后我想添加一个视频（video4），然后系统应该播放video1，video2，video3，video4（循环）。

使用 PHP，我可以轻松地在子目录中添加文件 video4，但我不知道 HTML5/ECMA/JavaScript 中的播放列表循环。

是否可能且易于实施？

提前致谢。

Answer 1

这相对容易设置。

在 PHP 方面，您将检测子目录中的内容，并根据该输出输出 HTML，以便所有内容都在您的页面中。

然后，您可以使用 JQuery 启动该 HTML5 视频，并使用回调来启动下一个视频。如果回调是最后一次，那么您需要重新开始。

相关代码示例：

在 PHP 中，使用以下方式获取子目录中的文件：

$dir = '/subdirectory';
$videoFileNames = scandir($dir);
// $videoFilesNames[0-...] is now the file names you can use to create the HTML

在 JQuery 中，您可以使用以下方式启动视频：

 $('#videoId').get(0).play();

使用以下方式捕获回调：

$("#videoId").bind("ended", function() {
   // ...
});

Answer 2

您可以创建一个 xml 表单，列出所有视频源并在其中设置标题等，然后在 HTML 中调用它。如果您不知道该怎么做，我可以将我的样子发送给您。