WordPress添加VIP视频在线解析页面[WP教程]

011414
WordPress添加VIP视频在线解析页面[WP教程]-多余博客屋
WordPress添加VIP视频在线解析页面[WP教程]
此内容为免费资源，请登录后查看
软妹币0
限时特惠
软妹币9.9
免费资源

图片[1]-WordPress添加VIP视频在线解析页面[WP教程]-多余博客屋

WordPress添加VIP视频在线解析页面

 

前言

电视剧、电影是我们生活中必不可少的，它们可以让我们放松一下心情，但大多数的电视剧或电影都是要VIP或者付费的，本来不怎么富裕的我们更加的雪上加霜，本来可以每炖吃好的，但为了追一个剧，只能吃馒头了！那么我们怎么能够免费看那些电视剧或电影呢？为了能够看免费的，大佬们弄出了VIP视频解析接口，只需在该接口输入电视剧或电影的网址就可以观看视频。

那么如何在WordPress添加一个VIP视频解析页面呢？相信有很多的朋友已经看了我的以前发的一篇《给网站添加简单的视频解析页面》，这篇是我最开始自己在网站里面弄的一个简洁的解析页面，经过了我的不断的修改和借鉴大佬的一些代码，制作成今天想给大家分享的《VIP视频在线解析页面》，该页面解析后可以直接观看，不需要跳转到全屏观看。

VIP视频在线解析页面采用的主要是HTML代码和一些js、css啥的，因为我的能力有限，所以只能搞这么多。如果有感兴趣的朋友，自己修改一下代码。同时本页面采用的是后台直接通过创建自定义HTML页面实现的，主要防止主题每次更新后就会消失，所以采用这种方式来实现。

本站采用的是子比主题，所以可能只适应子比主题，如果有其他主题的朋友，自己测试一下吧。

食用教程

进入后台—>页面—>新建页面—>自定义HTML（古登堡编辑器，我没用过经典编辑器不知道是不是这样）—>把下面的代码添加进去就可以啦！

<?php

/**
 * Template name: WIIUII-视频在线解析页面
 * Description:   WIUII - video
 */

// 获取链接列表
get_header();
$header_style = zib_get_page_header_style();
?>
<main class="container">
    <div class="content-wrap">
        <div class="content-layout">
            <?php while (have_posts()) : the_post(); ?>
                <?php if ($header_style != 1) {
                    echo zib_get_page_header();
                } ?>
                <div class="box-body theme-box radius8 main-bg main-shadow">
                    <?php if ($header_style == 1) {
                        echo zib_get_page_header();
                    } ?>
                    <!--主体开始-->
                    <html lang="zh-cn">
                    <head>
                    <style type="text/css"> 
                    .wiui01{ width:100%; height:645px;border-radius:5px;}
                    .input-group-addon{padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border-radius: 4px;border: #ccc;}
                    @media screen and (max-width: 768px){.wiui01{width:100%; height:200px;}}}
                       </style>
                            <script type="text/javascript">
                    eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('b a(){0 6=1.2("9").4;0 5=1.2("3");0 3=1.2("3").c;0 8=5.e[3].4;0 7=1.2("f");7.d=8+6}',16,16,'var|document|getElementById|jk|value|jkurl|diz|cljurl|jkv|url|dihejk|function|selectedIndex|src|options|player'.split('|'),0,{}))
                            function dihejk2() {
                            var diz = document.getElementById("url").value;
                            var jkurl = document.getElementById("jk");
                            var jk = document.getElementById("jk").selectedIndex;
                            var jkv = jkurl.options[jk].value;
                            var cljurl = document.getElementById("player");
                            window.open(jkv + diz,"_blank");
                            }
                            </script>
                        </head>
                        <body>
                            <div class="col-md-14 column">
                                    <div id="kj" >
                                        <iframe class="wiui01" src="/videos.html" style="background-color: black;" id="player" allowtransparency="true" allowfullscreen="true" frameborder="0" scrolling="no" name="player"></iframe>
                                    </div>
                                <script type="text/javascript">
                    if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
                                document.getElementById("sdfdf").style.display = "block";
                                }
                                </script>
                            </div><br>
                            <div class="col-md-14 column">
                                <div class="input-group" style="width: 100%;">
                                    <span class="input-group-addon">选择接口</span> <select class="form-control" id="jk">
                                         <option value="https://jx.quanmingjiexi.com/?url=">
                                            1️⃣ 全民解析
                                        </option>
                                        <option value="https://jx.parwix.com:4433/player/?url=">
                                            2️⃣ Parwix解析
                                        </option>
                                        <option value="https://z1.m1907.cn?jx=">
                                            3️⃣ 1907解析
                                        </option>
                                        <option value="https://www.cuan.la/m3u8.php?url=">
                                            4️⃣ B站解析
                                        </option>
                                        <option value="https://jx.quanmingjiexi.com/?url=" selected>
                                            ?默认接口(若默认接口无法解析请选择其他接口播放)
                                        </option>
                                    </select>
                                </div><br>
                                <div class="input-group" style="width: 100%;">
                                    <span class="input-group-addon" >播放地址</span> <input class="form-control" type="search" placeholder="电脑使用Ctrl+V粘贴网址-手机直接长按粘贴网址" id="url">
                                </div><br>
                                <div>
                                     <button id="bf" type="button" class="btn btn-info btn-block" onclick="dihejk()">点击开始解析</button> 
                                    <button id="bf" type="button" class="btn btn-warning btn-block" onclick="dihejk2()">点击全屏播放解析</button>
                                </div>
                            </div>
                    <!--公告-->
                        <script type="text/javascript">
                        $(function () {
                          function getNowFormatDate() {
                            var date = new Date();
                            var month = date.getMonth() + 1;
                            var strDate = date.getDate();
                            var currentdate = month + "月" + strDate + "日";
                            return currentdate;
                          }
                          var text = [
                             "如果你使用手机观看的话，推荐解析后使用全屏观看！",
                             "如果解析接口有广告，请选择更换接口解析！",
                             "多余博客屋视频解析接口：3个（状态：正常）",
                             "解析失效请及时联系站长更换！",
                             "多余博客屋解析是免费使用的，请勿被骗！",
                          ], content = "";
                          for (var i = 0; i < text.length; i++) {
                            content += (i + 1) + ". " + text[i] + "\n";
                          }
                          setTimeout(function () {
                            swal(getNowFormatDate() + "通知", content, "success");
                          }, 1000)
                        })
                      </script>
                        </body>
                    </html>
                    <!--一个小通知-->
                    <div class="wp-block-zibllblock-modal"><div class="modal fade" id="modal_16258" aria-hidden="true" data-bkg1="true" aria-bkg2="true" role="dialog" tabindex="-1"><div class="modal-dialog undefined"><div class="modal-content"><div class="modal-header"><strong class="modal-title">?视频解析通知啦！</strong><button class="close" data-dismiss="modal"><div data-class="ic-close" data-svg="close" data-viewbox="0 0 1024 1024"></div></button></div><div class="modal-body"><!-- wp:paragraph -->
                        <p>?<strong><span class="has-inline-color has-vivid-purple-color">经网友友反应解析接口有手机广告，这里跟各位说声抱歉！因为多余博客屋是从网上找来的，所以有些接口可能有广告，不过我已经删除了，大家放心食用！大家食用解析的那个教程时自己删除“思古解析”的解析链接即可，本页面已经删除，大家放心食用！如果有纯净无广告的接口也可以分享哦！^_^</span></strong></p>
                        <!-- /wp:paragraph -->
                        <!-- wp:paragraph {"align":"right"} -->
                        <p class="has-text-align-right"><strong><span class="has-inline-color has-vivid-red-color">BY:多余博客！</span></strong></p>
                        <!-- /wp:paragraph --></div><div class="modal-footer"><button class="btn1 but"><a href="javascript:void($('#modal_16258').modal('hide'));">知道拉</a></button><button class="btn2 but c-blue"><a href="javascript:void($('#modal_16258').modal('hide'));">好的</a></button></div></div></div></div></div>
                    <!--通知结束-->
                    <h2>?‍?解析教程：</h2>
                    <p>?第一步：进入【<strong><span class="has-inline-color has-vivid-red-color">影视的官网</span>】</strong>。</p><p>?第二步：点击进入你需要看的影视页面，选择你要看的集数（例如：《<a rel="noreferrer noopener"href="/"target="_blank">瞄准</a>》--&gt;第一集）,复制链接（浏览器上的视频地址）。</p><p>?第三步：将复制的链接粘贴到上面的【解析视频】，然后点击【立即播放】，就会跳转到播放页面，然后就可以免费看啦！</p><p>?<span class="has-inline-color has-vivid-red-color"><strong>注：</strong>建议使用PC端观看，手机端解析路线可能有广告。如果不能正常解析，请更换解析路线，目前解析路线是[思古解析]，不会更换的请联系多余博客屋社长！</span></p>
                     <h2>?现已支持视频网站：</h2>
                    <style type="text/css">
                        .wiiuii-p{padding: 10px;}/*logo平台*/.logo-lie{background: #ffffffde;text-align: center;padding: 4px 10px;border-radius: 8px;border: 1px solid #EEEEEE;-webkit-transition: border linear .2s, box-shadow linear .2s;-moz-transition: border linear .2s, box-shadow linear .2s;-o-transition: border linear .2s, box-shadow linear .2s;transition: border linear .2s, box-shadow linear .2s;}.logo-lie a{text-align: center;}/*屏幕最小768px匹配样式*/@media (min-width: 768px){a{text-decoration: none;}a:hover{text-decoration: none;}/*logo平台*/.logo-lie{padding: 10px 15px;}.logo-lie:hover{border: 1px solid #0093FF;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 147, 255, .6);}}
                    </style>
                    <div class="row"><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://vip.iqiyi.com/"target="_blank"title="爱奇艺会员"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/iqiyilogo.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://film.qq.com/"target="_blank"title="腾讯会员中心"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/qqlogo.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://vip.youku.com/"target="_blank"title="优酷会员中心"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/youkulogo.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://www.mgtv.com/vip/"target="_blank"title="芒果会员中心"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/hunantvlogo.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://yuanxian.le.com/"target="_blank"title="乐视会员中心"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/letvlogo.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://vip.tudou.com"target="_blank"title="土豆会员中心"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/tudoulogo.png"></a></div></div></div><div class="row"><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://www.baofeng.com/"target="_blank"title="暴风会员"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/baofeng.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://vip.1905.com/"target="_blank"title="1905电影网视频"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/1905logo.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://vip.kankan.com/"target="_blank"title="天天看看"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/kankan.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://www.pptv.com/"target="_blank"title="PPTV聚力"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/pptv.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://www.yinyuetai.com/"target="_blank"title="音悦台MV"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/yinyuetailogo.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://www.56.com/"target="_blank"title="56视频"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/56.png"></a></div></div></div><div class="row"><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://www.fun.vip"target="_blank"title="风行视频"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/fengxing.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://movie.ku6.com/"target="_blank"title="酷6视频"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/ku6.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://vip.wasu.cn/"target="_blank"title="WASU华数视频"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/wasulogo.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://video.sina.com.cn/"target="_blank"title="新浪视频"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/sinalogo.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="https://film.sohu.com/"target="_blank"title="搜狐视频"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/sohulogo.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://www.baomihua.com/"target="_blank"title="爆米花"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/baomihua.png"></a></div></div></div><div class="row"><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a target="_blank"title="看看新闻网视频"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/kankannews.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a target="_blank"title="糖豆视频"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/tangdou.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://tv.cctv.com/"target="_blank"title="央视网"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/cntvlogo.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://www.acfun.cn/"target="_blank"title="Ac弹幕网"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/acfun.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://www.bilibili.com/"target="_blank"title="哔哩哔哩"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/bilibili.png"></a></div></div><div class="col-xs-4 col-sm-2 wiiuii-p"><div class="logo-lie"><a href="http://www.aipai.com/"target="_blank"title="爱拍原创"rel="noopener noreferrer"><img class="img-responsive"src="https://img.wiiuii.cn/WP-TUTU/tvlogo/aipai.png"></a></div></div></div>
                    <h2>?免责声明：</h2>
                    <p class="has-pale-cyan-blue-color has-text-color has-background has-medium-font-size" style="background-color:#f4dbf2"><strong><qc style="color:#fb2121;background:undefined">本站服务器仅展示第三方网站接口页面，并不存储任何视频资源。因此经由本站搜索所产生的任何结果皆不代表本站立场，本站不对其真实合法性以及版权负责，亦不承担任何法律责任。本站所有接口皆源于互联网，仅供学习交流。</qc></strong></p>
                    <!--主体结束-->
                    <?php wp_link_pages('link_before=<span>&link_after=</span>&before=<div class="article-paging">&after=</div>&next_or_number=number'); ?>
                <?php endwhile;  ?>
                </div>
                <?php comments_template('/template/comments.php', true); ?>
        </div>
    </div>
    <?php get_sidebar(); ?>
</main>
<?php
get_footer();

注：关于视频接口的问题，本站采用的接口均来自网络，所以有些可能有广告，你可以进行修改视频解析的接口和添加视频解析的接口。

添加视频接口教程：
在上面代码中1907解析的最后添加视频解析接口即可，请认真查看我怎么添加。下面是添加的模板：

<option value="视频解析接口网址" selected>
                        解析接口名称
                    </option>

子比主题添加教程

方法一、（简单）也就是上面的食用教程，通过后台页面添加，无需担心主题更新后页面消失的问题。

方法二、（需要有点基础）为了能够更好的体验和适应子比主题，我对代码进行集成PHP文件（本站也采用这个方法），直接下载我准备好的PHP文件源码，然后上传到主题目录下的pages目录，最后在后台—>新建页面—>选择“视频在线解析页面”—>写标题保存即可。更新主题之后PHP文件消失即页面消失，更新主题时请备份PHP文件。

 

页面效果

本站已添加该视频解析页面，这里就不做截图了，具体请点击下方的链接进行观看效果：

 

查看效果

教程到这里就结束了，有什么不懂的，请在下方评论。Thanks♪(･ω･)ﾉ

© 版权声明
版权声明 1、本网站名称：多余博客
2、本站永久网址：https://www.hduoyu.com
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ319957557进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END
WordPress教程
# 代码# 多余博客屋# javascript# 子比主题# 版权# HTML代码# 解析# 编辑器# 视频解析
喜欢就支持一下吧
点赞14赞赏 分享
相关推荐
评论 抢沙发

请登录后发表评论

    暂无评论内容