Hướng dẫn tích hợp AncPlayer Media cho Wordpress

Việc sử dụng AncPlayer cho wordpress khá là tiện lợi nhờ việc Wordpress có thể tạo Metabox sẽ dễ dàng cho ai dành code viết auto encode link.
Trước khi tích hợp bạn nên lưu lại 1 theme để đề phòng.

Sau đây là các bước cài đặt.
Bạn mở theme tìm file single.php hoặc content-single.php.

Tìm <?php the_content(); ?>
Đây là file hiện nội dung bài viết.

Thay bằng:

<div id="anc_pl"></div> <!-- Hiện thị player -->
<div id="anc_tp"></div> <!-- Hiện thị server phim -->
<div id="anc_data"><?php the_content(); ?></div> <!-- Noi dung bài viết trang item -->
<script type='text/javascript'>var img_player = document.querySelectorAll('#anc_data img')[0].src
var ancplayer = {
load:{
'width' : '100%',
'height' : '420px',
'player' : '',
'proxy' : '',
'skin' : '',
'getlink' : 'http://phim24.cu.cc/phimmoc',
'imgload' : '+img_player+',
'autoplay' : 'true',
'embedplay' : '1',
'site' : 'Phim Mộc - HD Player'
},sv:{
'list_sv': 'youtube.com,anc.you,anc.yl,anc.mp4,anc.flv,picasa web.google.com,anc.ps,anc.tm,photos.google.com,doc s.google.com,drive.google.com,tv.zing.vn/video,tv.zing.vn/embed/video,tv.zing.vn/html5/video,tv.zing.vn/html5/movie,nhaccuatui.com,dailymotion.com,xvideos.com,g oo.gl,clip.vn,meme.vn,googlevideo.com,zippyshare.c om,videobam.com,fptplay.net,novamov.com,24video.ne t,movshare.net,veoh.com,blip.tv,sendspace.com,spee dyshare.com,tunescoop.com,viddler.com,vimeo.com,vi dxden.com,xhamster.com,truongxua.vn',
'ten_sv': 'Youtube: ,VIP: ,Gdata: ,Sever Mp4: ,Sever Flv: ,Picasa: ,Picasa2: ,Picasa3: ,Photos: ,Docs: ,Drive: ,Zing: ,Zing 2: ,Zing MB: ,Zing EP: ,NCT: ,Daily: ,Xvideos: ,Goo: ,Clipvn: ,Memevn: ,Google: ,Zippy: ,Videobam: ,Fptplay: ,Novamov: ,24Video: ,Movshare: ,Veoh: ,Bliptv: ,Sendspace: ,Speedyshare: ,Tunescoop: ,Viddler: ,Vimeo: ,Vidxden: ,Xhamster: ,Truongxua: '
}}
</script>
<script src='//googledrive.com/host/0ByWYRPBxGYiPa3V5SHlaREpXNXM' type='text/javascript'></script>
<link href='http://vjs.zencdn.net/4.12/video-js.css' media='screen' rel='stylesheet'/>
<script src='http://vjs.zencdn.net/4.12/video.js' type='text/javascript'></script>

Tiếp theo thêm CSS để hiện thi server thêm vào style.css của theme bạn đang sử dụng:

id{font-size:0px;display:none;width:0;height:0;}
#logoplayer {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLxLCbNCFgnDJJYYa24jvYVsfC4tfcfsEcsCa4RWurKlGDe9jfXQtm428Qknk5cO-kJfKfJS-lAH6P5JjMOZlQySRRiMBU_xapv-kVpJh8UOB27RS9aZstu3QvnhtmzMXSbnKORMhgbg-4/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;}

Download Ancplayer: http://www.mediafire.com/download/77ljg42xjz11rgq/ancplayer-full-02092015.zip
Vậy là xong lưu theme kiểm tra thành quả.
Chúc thành công :D

Share on Google Plus

About NHOCLAK DJ

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.