几行代码让您的网页bilibili地址渲染成播放器。

javascript bilibili 文章 2020-05-11 21:07 0 141 全屏看文

效果如下。其实我只是发了一个B站的视频连接:

https://www.bilibili.com/video/BV11x411q7fu?p=7

$(function(){
	$(".content").find("a").each(function(){
		var burl = $(this).attr("href");
		if(burl.indexOf("?")==-1){
			burl = burl+"/";
		}
		var reg = /(BV[a-zA-Z0-9]+|av\d+)(\/|\?p=(\d+))/;
		var ds = burl.match(reg);
		var vid = ds[1];
		vid = vid.replace("av","");
		var p = ds[3];
		if(!p){
			p=1;
		}
		console.log(p)
		var linka = $(this);
		var pwidth = $(linka).parent().width();
		var pheight = pwidth*0.67;
		$(this).after("<p style=\"width:"+pwidth+"px;height:"+pheight+"px\"><iframe style=\"width:"+pwidth+"px;height:"+pheight+"px\" src=\"//player.bilibili.com/player.html?bvid="+vid+"&page="+p+"\" scrolling=\"no\" border=\"0\" frameborder=\"no\" framespacing=\"0\" allowfullscreen=\"true\"> </iframe></p>");
	})
})


-EOF-