动态地在html中嵌入视频

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

来源

2017-06-15 Trevor D.

这只是你的目的吗？还是应该把视频保存到你的服务器上？ – Luca

因此，最终这个想法是从数据库访问视频，并让他们上传到我实习的公司的内部资源。理想情况下，我的老板想将视频放到数据库中，并让他们自动上传到我们网站上的“帮助”页面。 –

它也要做这样的：

扫描的文件夹
查找正确的扩展

追加视频页面

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

来源

2017-06-15 14:49:47 YamneZ

谢谢！看起来确实让我走上了正轨。现在我的控制台正在抛出XMLHttpRequest错误。 “只有协议方案才支持跨源请求：http，数据，chrome，chrome扩展名，https。”可能因为我正在测试我创建的单独测试.html文件？我会更多地考虑它。 –

因为你在本地。它必须位于Web服务器上，甚至是本地主机上。 – YamneZ

这就是我所假设的。谢谢！ –

动态地在html中嵌入视频

回答

相关问题