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

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

前言

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

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

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

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

使用教程

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

<html lang="zh-cn">
    <head>
<style type="text/css"> 
.wiui01{ width:100%; height:600px;}
@media screen and (max-width: 768px){.wiui01{width:100%; height:200px;}}}
.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;}
   </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 class="panel panel-default">
                <div id="kj" class="panel-body">
                    <iframe class="wiui01" src="https://www.wiiuii.cn/cdn/load.html" style="background-color: black;" id="player" allowtransparency="true" allowfullscreen="true" frameborder="0" scrolling="no" name="player"></iframe>
                </div>
            </div><script type="text/javascript">
if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
            document.getElementById("sdfdf").style.display = "block";
            }
            </script>
        </div>
        <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://api.sigujx.com/?url=" selected>
                        1️⃣ 思古解析
                    </option>
                    <option value="https://www.8090g.cn/jiexi/?url=" selected>
                        2️⃣ 8090解析
                    </option>
                    <option value="https://z1.m1907.cn?jx=" selected>
                        3️⃣ 1907解析
                    </option>
                    <option value="https://www.8090g.cn/jiexi/?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>

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

添加视频接口教程:

在上面代码中1907解析的</option>最后添加视频解析接口即可,请认真查看我怎么添加。下面是添加的模板:

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

教程到这里就结束了,有什么不懂的,请在下方评论。

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞7打赏 分享
评论 共2条

请登录后发表评论