動態地在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中嵌入視頻

回答

相關問題