NutzCN Logo
问答 video标签动态加载视频
发布于 127天前 作者 读书人 246 次浏览 复制 上一个帖子 下一个帖子
标签:

在页面使用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=&quot;muted&quot; 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();	
    }
		
		
	} 
1 回复

js问题,唯有路过

添加回复
请先登陆
回到顶部