2017-01-25 8 views
-2

私は基本的に私のWebアプリケーションのビデオに必要なすべての要素を含むhtmlファイルを持っています。 今、私はユーザーのビデオの数を数えてユーザーに表示する必要がある立場にいます。他のhtmlファイルから読み込まれたビデオソースを変更するには?

スクリプト:

for(var i=1;i<(s.length)-2;i++){ 
    $('#vid_c_'+i).append('<div id="vid_'+i+'"></div>'); 
    $("<div>").load("video_content.html",function(index) { 
     return function() { 
      $(this).find('.video').attr({id: 'video_id_'+index}); 
      $("#vid_"+index).append($(this).html()); 
     } 
    })(i)); 

    var myElem = document.getElementById('video_id_'+i); 
    if (myElem === null) alert('does not exist!'); 
    $(this).find('#video_id_'+i).attr('src', video_src[i-1]); 
    console.log(video_src[i-1]+ " "+"#video_id_"+i); 
} 

だから基本的には何が起こることは、ループが(s.length)-2を作成するためのdivでのユーザーの動画や負荷の映像元素の量であり、各ビデオのために、それはの値によって増加したユニークなIDを指定することですi。これまでのところうまくいきましたが、video_src[i-1]で割り当てられているビデオソースを指定する必要があります。

私はmyElemの要素が存在するかどうかをテストしています。結果は、ビデオ要素がロードされているにもかかわらず、does not existという警告が表示されます。そして、私はブラウザの検査モードでId割り当てられた罰金は、ビデオソースを割り当てないための次のラインを動作させません。私も試してみました:

$(this).find('.video').attr({id: 'video_id_'+index, 'src': video_src[i-1]}); 

video_src機能​​内部のショーは未定義されます。

私のconsole.logには、割り当てが必要な正確なビデオソースが表示されています。

私はvideo_content.htmlファイルからビデオ要素が読み込まれるたびに、ビデオソースを割り当てる方法を教えてくれて本当に感謝します。

答えて

0

ちょうどあなたが答えを知らないので、質問に投票するよう強制しません。

とにかく私のすべての研究とテストに基づいて私はその中に来ました.load(function(){});私のvideo_cntent.htmlファイルからスクリプトを実行しているので、現在のページのデータにアクセスできません。だから私のvideo要素のソースを設定するために、私はループのための2つを作成しました:

for(var i=1;i<(s.length)-2;i++){ 
    var video_src = video_source[i-1]; 
    localStorage.setItem('Item_'+i, video_src); 
    $('#vid_c_'+i).append('<div class="move_2" id="vidi_'+i+'"></div>'); 
} 

for(var i=1;i<(s.length)-2;i++){ 
    $("<div>").load("video_cntent.html",(function(index) { 
    return function() { 
     var retrieveitem = localStorage.getItem('Item_'+index); 
     $(this).find('#vidi_'+index).attr({id: 'video_id_'+index, 'src': retrieveitem}); 
     } 
    })(i)); 
} 

あなたは私の最初のループで見ることができるように、私はvideo_sourceにアクセスし、localStorageに格納し、それがベースのすべての私のビデオソースを格納していますiの値。

私の2番目のループでは、私はiという値に基づいて再びすべての保存されたデータを取得していて、それを使って自分のビデオ要素のソースを設定しています。

私のために、思考は将来の世代に役立つかもしれません。

関連する問題