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

Question

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

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

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

是否可能且易于实施？

预先感谢。

score 0 · Accepted Answer

这将相对容易设置。

在 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() {
   // ...
});

score 0 · Accepted Answer

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

2 回答 2