javascript - Apache .htaccess 目录索引与 html5 视频

Question

我知道 .htaccess 文件可以发挥各种形式的魔力。我有一些文件夹，其中包含视频文件，并且希望单击该文件以在同一浏览器窗口中的 html5 视频标记中打开它们。实现这一目标最简单的方法是什么？

需要注意的是，我无权访问服务器端脚本。我认为以下应该可以以一种或另一种方式实现:

1. 从 DOM 中读取当前目录中的文件名，因为文件名列在 Apache 生成的 HTML 中。

2. 向文件名链接添加某种形式的事件处理程序。

3. 当单击文件时，使用 jQuery 或其他方式生成带有视频标签的覆盖 div。

我找不到任何可以直接与谷歌一起使用的东西，但我想我不是第一个尝试做这样的事情的人。

Answer 1

您可以使用 jQuery 执行 AJAX GET请求并获取 Apache 目录列表。例如，您可以将此列表放入容器中并在链接上添加一些自定义事件。

类似这样的事情:

$.get("/dir/with/apache/listing/", function(data) {
   var directoryListing = $(data);

   // Add to a container or something
   $("#VideoList").append(directoryListing);
   $("#VideoList a").on("click", function(ev) {
     ev.preventDefault(); // Stop default action (download)
     alert($(this).attr("href")); // Video link
     return false;
   });
});

请注意，AJAX 请求仅适用于同一域。它还需要您创建某种页面来放置此脚本。