私は基本的に私の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
ファイルからビデオ要素が読み込まれるたびに、ビデオソースを割り当てる方法を教えてくれて本当に感謝します。