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

Question

我想知道是否使用HTML5和JavaScript - 以及后续浏览器版本中的相对支持，以及一些服务器端技术PHP我是否可以管理动态视频播放列表。

我想播放video1，video2，video3（放置在web服务器子目录中）并循环播放。我想再添加一个视频（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中调用它。如果你不知道怎么做，我可以发送我的样子。