動画を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、データ、クロム、クロムエクステンション、https）でのみサポートされています。おそらく、私が作成した別のテスト.htmlファイルをテストしているからでしょうか？私はそれをもっと調べます。 –

あなたは地元にいるので。それはウェブサーバ上になければならず、ローカルホストでさえなければならない。 – YamneZ

それは私が推測していたものです。ありがとうございました！ –

動画をHTMLに動的に埋め込む

答えて

関連する問題