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