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

基本上，我有一个html文件，其中包含我的web应用程序视频所需的所有元素。 所以现在我需要计算用户视频的数量，并将其显示给用户

脚本：

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);
}

内部

.load（）

函数

video\u src

显示未定义

在my

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

因此，如果有人告诉我如何在每次从我的
video\u content.html
文件加载视频元素时分配视频源，我将不胜感激。
仅仅因为你不知道答案并不会迫使你否决这个问题

无论如何，基于我所有的研究和测试，我在
.load（function（）{}）中找到了它
我无法访问当前页面的数据，因为它正在从我的
video\u cnent.html
文件执行脚本。因此，为了设置视频元素的源，我创建了两个for循环：

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));
}

（变量i=1；i）的

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));
}