在页面使用video标签动态加载数据库的视频地址(摄像头直播),遍历第一页的页面加载了,遍历第二页的时候就加载不出来了,返回第一页也加载不出来了
function PackagData(res){
var $table = $("#table123");
$("#tbody1").remove();
$(".video-js").remove();
$tbody =$("<tbody id=\"tbody1\"></tbody>");
if(res.Rows==""){
$("#page1").html("暂无数据");
$("#counttiao").html("0");
}else {
$("#counttiao").html(res.pages);
var $tr;
var a="example-video1";
$.each(res.Rows,function(i,obj){
var aid=a+i;
if(i%3==0){
$tr=$("<tr class=\"text-c\"></tr>");
}
$tr.append("<td ><p>"+obj.controlSite+"</p><video id=\""+aid+"\" class=\"video-js\" autoplay=\"autoplay\" muted="muted" controls=\"controls\" > "+
"<source id=\"\" src=\""+obj.controlUrl+"\" type=\"application/x-mpegURL\">"+
"</video></td>");
if((i+1)%3==0||i==obj.length-1){
$tbody.append($tr);
}
});
$table.append($tbody);
}
//初始化
chushi();
}
function chushi() {
var videos = document.getElementsByTagName('video');
for(i=0; i<videos.length; i++) {
var video = videos[i];
var player = videojs(video.id);
player.play();
}
}