Hướng dẫn tích hợp Ancplayer Phim Media Cho Blogspot Chuẩn Nhất

Cập nhật ngày 23/07/2024 Bởi Legend Phim

Qua một thời gian sử dụng, mình đã tích góp được một số phiên bản hay của ancmedia và muốn chia sẻ cho mọi người cùng dùng.

Hướng dẫn tích hợp Ancplayer Phim Media Cho Blogspot Chuẩn Nhất

Tích hợp AncPlayer Media vào Blogspot rất đơn giản nhưng nó sẽ hơi phức tạp đối với người mới bắt đầu chưa am hiểu templates do blogspot có rất nhiều thẻ id giống nhau. Nó sẽ hiện thị tùy thuộc vào thẻ điều kiện trước nó.

Trước tiên bạn nên Backup templates của bạn trước rồi tiếp tục.

I. AncMedia loại 1

Đây là bản ancmedia mình dùng nên hơi mang dấu ấn cá nhân vì đã qua chỉnh sửa nhiều lần

1, Hướng dẫn cài đặt

Vào Mẫu ~> Chỉnh sửa HTML

- Thêm đoạn code này vào trước thẻ ]]></b:skin>

this.read = function () {
		b = this.fu("anc_data"),
		c = '<div id="b_data" style="display:none !important;">',
		d = '</div>',
		b = b.replace(/\<id\>/gi, c),
		b = b.replace(/\<\/id\>/gi, d);
		b = b.replace(/\[id\]/gi, c),
		b = b.replace(/\[\/id\]/gi, d),
		this.fu("anc_data", b);
		if(b.indexOf("anc*") != -1){
		b = this.fu("b_data");
		b = b.replace("anc*","");
		b = b.substring(0,b.length);
	    b = decodeanc(b);
		if(b.indexOf("|") <= 0) {b = ";" + b + "|" };
	}	else{b = this.fu("b_data"); if(b.indexOf("|") <= 0) {b = ";" + b + "|" };}
		return  b
	};
	
data = this.read();
  
l_spi = data.split("|").length; 
l_spk = function(x) {return data.split("|")[x].split(";").length;};
d_spi = function(x) {return data.split("|")[x];};
d_spk = function(x, y) {return data.split("|")[x].split(";")[y];};
pc = ["0","a","b","c","d","e","f","g","h","i","k","l","m","n","o","p","q","r","s"];

svt = "";
  svx = 0;

this.setCookie = function(c_name,value,exdays) {
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
};
this.getCookie = function(c_name) {
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++){
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name){return unescape(y);}}
};
  
this.Play = function() {
for(var s = 0;s < tensv.length ;s++) {var svr = tensv[s].split(".")[0];if(svr == ""){svr = home;}part[s] = '<li id="sev_'+s+'" class="sev">'+svr+' <li>' }
for (var i = 0; i < l_spi -1; i++) {
for (var j = 0; j < l_spk(i); j++) 
{ name = d_spk(i, 0); link = d_spk(i, j);
name = 2 == l_spk(i) ? d_spk(i, 0) : name == d_spk(i + 1, 0) || !Number(name) ? name + pc[j] : name + pc[j];

for(var s = 0;s < sv.length; s++) {
//if(d_spk(0, 1).indexOf(sv[s]) != -1) { this.setCookie("ancplayer", s , 365); }
if (d_spk(0, 1).indexOf(sv[s]) != -1) {this.setCookie("_ancServer", s, 365); }
if(link.indexOf(sv[s]) != -1) { 
if(sv[s]) {data_out = '<li class="ep"><a class="a_tap" id="ep_'+i+'" href="?xem='+s+'-'+i+'-'+j+'" title="'+name+' - '+home+'" >'+name+'</a></li>' } 
part[s] += data_out } } } }

for(var s = 0;s < sv.length; s++) {
if(part[s].indexOf(home) != -1) {
svt += '<ul id="server_'+svx+'" > '+part[s]+' <div class="clear"></div></ul>';		
server_i[s] = svx.toString();
svx++
}}

svt = '<div id="list_tap"> '+svt+' <div class="clear"></div></div><div class="clear"></div>';

this.fu("anc_tp", svt);
this.getUrl()
};

this.getUrl = function() {
  String.prototype.GetPart = function(dcmm) {
    var vltn = new RegExp("(^|&)" + dcmm + "=([^&]*)(&|$)");
    var clgt = this.substr(this.indexOf("?") + 1).match(vltn);
    if (clgt != null) {
      return unescape(clgt[2]);
    }
    return null;
  };

//if(part_Url == null) { part_Url = ""+laylinksv+"-0-1" }
    part_Url = url.GetPart("xem");
    if(part_Url == null) { part_Url = this.getCookie("_ancServer") + "-0-1" }	
    part_Url = part_Url.split("-");
    pserver = part_Url[0];
    pepisode = part_Url[1];
    pelink = part_Url[2];
	
    var bh = this.fu("server_0");
    var bj = this.fu("server_" + server_i[pserver]);
    this.fu("server_" + server_i[pserver], bh);
    this.fu("server_0", bj);
	document.getElementById("ep_" + pepisode).className = "tap_active";
	document.getElementById("sev_" + pserver).className = "sv_active";

if (!d_spk(pepisode, pelink)) {window.location.href = url.split("?")[0];} 
	else {this.load(d_spk(pepisode, pelink));}
		
  };
  
this.load = function(x) {	
if(x.indexOf(sv[0]) != -1){x = x.replace(/\/watch\?v=/gi,"/embed/"); x = x.replace(/\feature\=player\_embedded/gi,""); x = x.replace(/\#sub=/gi,"&captions.file="); obj = DBOj(x)[0];} // youtube
if(x.indexOf(sv[1]) != -1){x = x.replace(/anc\.you\/watch\?v=/gi,"https://youtube.com/embed/");x = x.replace(/\#sub=/gi,"&captions.file=");obj = DBOj(x)[0];}	 // youtube
if(x.indexOf(sv[2]) != -1){x = x.replace(/anc\.yl/gi,"https://www.youtube.com/p");obj = DBOj(x)[1];}  // Gdata youtube
if(x.indexOf(sv[3]) != -1){x = x.replace(/anc\.mp4\/http/gi,"http"); x = x.replace(/\#sub=/gi,"&captions.file=");obj = DBOj(x)[0];} //mp4
if(x.indexOf(sv[4]) != -1){x = x.replace(/anc\.flv\/http/gi,"http"); x = x.replace(/\#sub=/gi,"&captions.file=");obj = DBOj(x)[0];}  // FLV
if(x.indexOf(sv[5]) != -1){x = x.replace(/\*/gi,"&");x = x.replace(/\@/gi,"&"); x = x.replace(/\#sub=/gi,"&captions.file="); obj = DBOj(x)[0];}  // Picasa
if(x.indexOf(sv[6]) != -1){x = x.replace(/anc\.ps/gi,"https://picasaweb.google.com"); x = x.replace(/\*/gi,"&");x = x.replace(/\@/gi,"&"); x = x.replace(/\#sub=/gi,"&captions.file="); obj = DBOj(x)[0];}  // Picasa 2
if(x.indexOf(sv[7]) != -1){x = x.replace(/anc\.tm/gi,"https://picasaweb.google.com"); x = x.replace(/\*/gi,"&");x = x.replace(/\@/gi,"&"); x = x.replace(/\#sub=/gi,"&captions.file="); obj = DBOj(x)[0];}  // Picasa 3
if(x.indexOf(sv[8]) != -1){x = x.replace(/\*/gi,"&");x = x.replace(/\@/gi,"&"); x = x.replace(/\#sub=/gi,"&captions.file=");obj = DBOj(x)[0];}  //{v = x.match(/[\d\w]+/gi); obj = DBOj(v)[5]}    /*plus*/ 
if(x.indexOf(sv[9]) != -1){x = x.replace(/edit\?pli\=1/gi,"preview?pli=1"); x = x.replace(/\#sub=/gi,"&captions.file=");obj = DBOj(x)[0];}  // Docs Google
if(x.indexOf(sv[10]) != -1){x = x.replace(/edit/gi,"preview");obj = DBOj(x)[0];}  // Driver Google
if(x.indexOf(sv[11]) != -1){obj = DBOj(x)[0]}  //{v = x.match(/[\d\w]+/gi); c = v.length - 2; obj = DBOj(v[c])[3];} // Zing
if(x.indexOf(sv[12]) != -1){obj = DBOj(x)[0]}  //{v = x.match(/[\d\w]+/gi); c = v.length - 1; obj = DBOj(v[c])[3];} // Zing
if(x.indexOf(sv[13]) != -1){obj = DBOj(x)[2]}  // Zing mobile
if(x.indexOf(sv[14]) != -1){obj = DBOj(x)[2]}  // Zing PS
if(x.indexOf(sv[15]) != -1){obj = DBOj(x)[0]} //{v = x.match(/[\d\w]+/gi); c = v.length - 2; obj = DBOj(v[c])[0];} // nct
if(x.indexOf(sv[16]) != -1){x = x.replace(/\#sub=/gi,"&captions.file="); obj = DBOj(x)[0]} // dailymotion
if(x.indexOf(sv[17]) != -1){x = x.replace(/\#sub=/gi,"&captions.file="); obj = DBOj(x)[0]}   /*xvideos*/ 
if(x.indexOf(sv[18]) != -1){obj = DBOj(x)[2]}   /*Goo.gl*/ 
if(x.indexOf(sv[19]) != -1){x = x.replace(/\#sub=/gi,"&captions.file="); obj = DBOj(x)[0]}   //Clipvn
if(x.indexOf(sv[20]) != -1){x = x.replace(/\#sub=/gi,"&captions.file="); obj = DBOj(x)[0]}   //MEME.VN
if(x.indexOf(sv[21]) != -1) {x = x.replace(/\*/gi,"&");x = x.replace(/\@/gi,"&");x = x.replace(/\#sub=/gi,"&captions.file=");obj = DBOj(x)[2];}  // googlevideo.com
if(x.indexOf(sv[22]) != -1){obj = DBOj(x)[1]}

for(var k = 23; k < sv.length; k++){if(x.indexOf(sv[k]) != -1){x = x.replace(/\#sub=/gi,"&captions.file=");obj = DBOj(x)[0]};}
this.fu("anc_pl", obj)
}; 
 
  
var DBOj = function(x){	
	return obj = [
	// 0 - Diver - Gdata
	'<div id="logoplayer"></div><iframe id="playerayer"  src="'+x+'?autoplay='+eauto+'" width="'+width+'" height="'+height+'" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" frameborder="0"/></iframe>',
	// 1 - Zing html5 - Goo.gl
	'<video id="playerayer" class="video-js vjs-default-skin" data-setup="{"controls": true, "autoplay": '+auto+', "preload": "auto"}" width="'+width+'" height="'+height+'" poster="'+imgload+'" ><source src="'+x+'" type="video/mp4"/></video>'
	];	
}
}
var M = new ancMedia; M.Play();
//]]></script>
<link href='https://vjs.zencdn.net/4.12/video-js.css' media='screen' rel='stylesheet'/>
<script src='https://vjs.zencdn.net/4.12/video.js' type='text/javascript'/>

Tiếp theo Tìm <data:post.body/> thêm dưới:<div id="anc_pl"/>

.id {font-size:1px;display:none}
#list_tap{float:center;text-align:justify;padding:5px;z-index: 0;position: relative;}
#list_tap ul{float:left;list-style:none;border-bottom:1px solid #333;padding:0px 0 3px 0px;width:100%;margin: 7px 0;}
#list_tap ul li{float: left;text-decoration: none;font: bold 11px Tahoma,Arial,sans-serif;margin: 3px 2px;padding: 3px;}
#list_tap ul li.sev{color:#007EC5;width: 100%;background: none;border: none;box-shadow: none;margin-top: -10px;}
#list_tap ul a{color:#A3A3A3;padding:2px 3px;font-family: inherit;}
#list_tap ul a:hover{color: #000000;background: #FFFFFF;}
#list_tap ul a:visited{color:#AC4A4A;}
#list_tap ul a.active{color: #000000;background: #FFFFFF;}
#anc_tp{float:center;width:97%;background:#E0E0E0;border:1px solid #ccc;border-radius:3px 5px;font:bold 12px Tahoma;line-height:24px;color:#c20c0c;overflow:hidden;margin:5px 0;padding:3px 5px 3px 10px}
#anc_tp span{color:RED}
#anc_dx{font:bold 12px Tahoma;color:#66C00C;padding:6px 0 3px 10px}
#anc_dx span{color:#8C8C8C}
#vngoai {margin: auto;width:625px; overflow:hidden; height:410px; color:Black; position:relative;}
#vtrong {position: absolute; left: -100px;top: -175px; width: 860px; height: 730px; border: 0px solid black;}
#vf {float:left; width: 1138px; height:700px;}
#drama{width:100%;height:420px;border: 0px;background: #000;}
#playphimsoc {width:100%;overflow:hidden;height:400px;color:Black;position:relative;margin: auto;}
#playtrong {position: absolute;left: -233px;top: -110px;width: 860px;height: 730px;border: 0px solid black;}
#splay {width:100%;height:420px;border: 0px;background: #000;}

Còn thêm giống như bản loại 1 nhé :
- Tìm </body> thêm bên trên:

function ANCMedia() {
   _lg = szk['id']['logo'];
   dl = szk['id']['link'];
   pl = szk['id']['player'];
   tp = szk['id']['sv'];
   playing = szk['id']['dx'];
   home = szk['id']['home'];

II. AncMedia loại 3

Thêm CSS để hiện thi server

id{font-size:0px;display:none;width:0;height:0;}
#logoplayer {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh89VE1xK8u1hORwpDHDStp4nsrjtvpY0BBiXy4c4MorPLqwwkGl39lvfKO_IQWNiuviTwTJ0LT-Oo2R88RA8-9xRMCcSplT-M1yKCZLNCRqCYWxY9Yk2odsoVMXR7RniZnI9A-DrltKJHB/s1600/ancplayer.png) no-repeat;float:right;display:inline-block;position:absolute;width:220px;height:60px;filter:alpha(opacity=45);opacity:.45;}
#anc_tp {background:#FAFAFA;border:1px solid #0095B3;border-radius:5px;padding:5px 0;overflow:hidden;position:relative;width:99%;float:left;}
#list_tap{display:inline-block;line-height:16px;width:auto;padding:0 7px;}
#list_tap ul{list-style:none;margin:0;padding:0;clear:both;}
#list_tap ul li{float:left;margin-right:10px;font-weight:700;font-size:12px;text-align:left;}
#list_tap ul li.sev{color:#702526;background:url(http://3.bp.blogspot.com/-iy4-GBSe6Yg/U48Fzxa1RmI/AAAAAAAAQr8/pngFU0ajvxk/s1600/server.png) no-repeat scroll 0 0 transparent;display:inline-block;float:left;height:16px;margin-right:5px;margin-top:4px;padding-left:23px;}
.a_tap {background:none repeat scroll 0 0 #151515;color:#F9F9F9;display:inline-block;min-width:20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-align:center;margin:2px 0;padding:2px 3px;text-decoration:none}
.tap_active, .a_tap:hover{background:#0295F6;color:#fff;display:inline-block;min-width:20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-align:center;margin:2px 0;padding:2px 3px;text-decoration:none}
.sv_active{color:#0095B3;background: url(http://3.bp.blogspot.com/-iy4-GBSe6Yg/U48Fzxa1RmI/AAAAAAAAQr8/pngFU0ajvxk/s1600/server.png) no-repeat scroll 0 0 transparent;display:inline-block;float:left;height:16px;margin-right:5px;margin-top:4px;padding-left:23px;}

Thêm trước </body>

Lưu ý: đối với bản loại 3 các bạn thêm thẻ thêm thẻ <span id='vuvanhoan'/> hoặc <div id='vuvanhoan'/> vào trong thẻ footer, nếu không thêm sẽ lỗi player ráng chịu

Video hướng dẫn chi tiết :

Hướng dẫn tích hợp Ancplayer Phim Media Cho Blogspot Chuẩn Nhất

Hướng dẫn tích hợp Ancplayer Phim Media Cho Blogspot Chuẩn Nhất

Qua một thời gian sử dụng, mình đã tích góp được một số phiên bản hay của ancmedia và muốn chia sẻ cho mọi người cùng dùng.

Comments

Post a Comment

Liên quan