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

【问题标题】：Dynamic video playlist in HTML5 and otherHTML5 和其他格式的动态视频播放列表
【发布时间】：2011-09-05 16:31:57
【问题描述】：

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

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

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

它可能且容易实现吗？

提前致谢。

【问题讨论】：

【解决方案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() {
   // ...
});

【讨论】：

【解决方案2】：

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

【讨论】：