如何从其他html文件更改加载的视频源

Question

基本上我有一个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);
}

所以基本上发生的是，for循环创建了(s.length)-2，这是用户视频的数量，并在div中加载视频元素，对于每个视频，它指定了一个增加i值的唯一ID。到目前为止，它工作得很好，现在我需要指定在video_src[i-1]中分配的视频源。

正如你所看到的，我有myElem，它测试元素是否存在。结果是，即使我已经加载了视频元素，它也会提醒说does not exist。我可以在浏览器检查模式中看到它，Id被分配为fine，这使得分配视频源的下一行不起作用。我也试过：

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

并且在CCD_ 6内部函数CCD_。

在我的console.log中，它显示了需要分配的确切视频源。

因此，如果有人告诉我每次从video_content.html文件加载视频元素时如何分配视频源，我将不胜感激。

Answer 1

总之，根据我所有的研究和测试，我发现在.load(function(){});中，我无法访问当前页面的数据，因为它正在执行我的video_cntent.html文件中的脚本。所以为了设置我的视频元素的来源，我为循环创建了两个：

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值的所有视频源。

在我的第二个循环中，我将根据i的值再次检索所有存储的数据，并使用它来设置我的视频元素的源。