私は私がきたビデオhtml要素を作成し、別のWebページから</p> <p>をソース要素を取得することにより、ソースを取得しますJavaScriptで関数を作成しようとしているJavaScriptの

Question

で外部のページからHTML要素を取得jqueryやいくつかのAjaxを使って他の質問を見たことがありますが、誰も実際に自分自身について説明していないので、私の言うことは何でもコピーして貼り付けて "$"が定義されていないというエラーが出ます。あなたが知ることができなかったらjavascript。まだajaxやjqueryを使っていない）。

function loadSource(url){ 
    var vid = document.getElementById("vid"); 
    var src = <get source element with id "mp4Source" from the specified url> 
    vid.appendChild(src); 
} 

Answer 1

あなたはjQueryのライブラリを追加していないので、あなたが$は未定義取得している理由があります。 JavaScriptの上記の設定here

を取得する方法を説明する良い質問があり

、あなたはjQueryのライブラリを含める必要があります。 jQueryのライブラリ外部ビデオ要素をロードするためとして

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 

を含める方法の

例には、要素を含んだURLにAJAXリクエストを行う必要があります。 AJAXは非同期HTTPリクエストを実行する方法です。ウェブページをリフレッシュせずにURLに対して行われたリクエスト。 AJAXは、AJAXの

function loadSource(url){ 
    $.ajax({ 
     url: "<URL containing the HTML>", 
    }) 
    .done(function(html) { 
     $("#vid").append(html); // append the html to the element with the ID 'vid' 
    }); 
} 

詳しい情報は、あなたはまた、jQueryのの基礎になっているはずですhttp://api.jquery.com/jquery.ajax/

で発見することができ、外部URLからHTMLを引くために使用することができる方法の

例、例えば、hereのように。このコードをコードでどのように使用できるかの例は、document.getElementById("vid")を$("#vid")に置き換えることです。