动态嵌入html中的视频

Question

我希望能够将来自源的视频动态嵌入到html页面中。例如，如果我想在我的页面中添加新视频，我只需将其放在一个文件夹中，并将其自动嵌入到我的html页面中。我想（如果可能的话）使用JavaScript和jQuery来做这件事。有人能指出我正确的方向吗？

Answer 1

必须这样做：

1. 扫描文件夹
2. 寻找正确的扩展名

3. 将视频附加到页面

   var folder = "videos/";
   
   $.ajax({
       url : folder,
           success: function (data) {
               $(data).find("a").attr("href", function (i, val) {
               if( val.match(/\.(mp4)$/) ) { 
                   $("body").append( "
                       <video width="320" height="240" autoplay>
                           <source src='"+ folder + val +"' type="video/mp4">
                       </video>
                   " );
               } 
           });
       }
   });
   

来自https://stackoverflow.com/a/32940532/7117409

的想法