Javascript 带有html5视频的Apache.htaccess目录索引

Javascript 带有html5视频的Apache.htaccess目录索引,javascript,jquery,apache,html5-video,Javascript,Jquery,Apache,Html5 Video,我知道.htaccess文件可以实现各种形式的魔法。我的文件夹中有视频文件,希望单击该文件在同一浏览器窗口中的html5视频标记中打开它们。实现这一点最简单的方法是什么 需要注意的是,我没有访问服务器端脚本的权限。我假设以下情况在某种程度上是可能的: 从DOM中读取当前目录中的文件名,因为文件名在Apache生成的HTML中列出 向文件名链接添加某种形式的事件处理程序 单击文件时,使用jQuery或其他工具生成带有视频标记的覆盖div 我找不到任何可以直接使用google的东西,但我想我不是第一

我知道.htaccess文件可以实现各种形式的魔法。我的文件夹中有视频文件,希望单击该文件在同一浏览器窗口中的html5视频标记中打开它们。实现这一点最简单的方法是什么

需要注意的是,我没有访问服务器端脚本的权限。我假设以下情况在某种程度上是可能的:

  • 从DOM中读取当前目录中的文件名,因为文件名在Apache生成的HTML中列出

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

  • 单击文件时,使用jQuery或其他工具生成带有视频标记的覆盖div


  • 我找不到任何可以直接使用google的东西,但我想我不是第一个尝试这样做的人。

    您可以使用jQuery执行请求并获取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请求只在同一个域上工作。它还需要您创建某种页面来放置此脚本