WordPress添加短视频聚合无水印解析页面[WP页面]-紫禁源码资源站

【活动】：会员128元永久会员早开早划算!

前言

最近一直到忙学习Python和其他的一些事情，没有时间来写文章以及制作一些教程或者页面，当然啦，也没有什么灵感，有灵感也不会写代码（我就是一个前端小白），O(∩_∩)O哈哈~。今天就来水一篇文章吧，偷一下懒~~~

短视频聚合无水印解析页面是我很久之前就弄了，但弄好之后就不怎么管了，采用了非常简洁的样式，非常的简单。说是聚合无水印解析，其实我也没怎么测试过（只测试了抖音、快手、最右这几个短视频软件），解析的API采用大佬的接口。好啦！废话少说，下面安排教程！

食用教程

（其他的WP主题要注意看哦！）页面的头尾代码我只采用符合本站主题（子比主题）的头部和尾部代码，WP其他主题使用可能会出现样式错乱。若其他WP主题使用请自行添加和复制自己主题目录下的默认页面模板（一般都是默认模板的文件都是page.php文件），然后在合适的位置添加下方教程的核心代码即可啦！需要有点基础哦！

第一步：页面代码

使用子比主题的朋友请看过来！代码藏起来了！登陆即可观看代码，不许白嫖哦！嘿嘿嘿

本文隐藏内容 – 登录可见

使用子比的朋友，直接在子比主题目录/zibll/pages/下创建一个PHP文件，然后复制下面的代码添加进去即可完成第一步！
不会创建或者不想创建的朋友，可以下载本文章末尾的压缩文件，解压上传到/zibll/pages/目录下即可。

<?php/** * Template name: WIIUII-聚合解析页面 * Description:   WIUII - aggregation_analysis */// 获取链接列表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>                        <head>                        <meta charset="utf-8">                        <meta name="viewport" content="width=device-width, initial-scale=1">                        <style>                        .inputUrl{width: 100%; display: flex; justify-content: flex-end; align-items: center; flex-direction: column;} .textUrl{width: 90%; height: 45px; outline: none; padding: 4px 8px; border-radius: 8px; border: 1.5px solid #c0c0c0; outline: none; background: #00000000; font-weight: 700; box-shadow: 0px 0px 2px #eeeeee;} .sendBtn{width: 90%; height: 40px; margin: 15px; border-radius: 8px; box-shadow: 0px 0px 2px #555; font-weight: 700;} .sendBtn:hover{background-color: #FFF;} .down{text-align: center;} .down a{display: inline-block; padding: 0 1em; margin: 0.5em; height: 2.75em; border: solid 1px #c8cccf; border-radius: 4px; background-color: transparent; color: #414f57!important; text-align: center; text-decoration: none; white-space: nowrap; line-height: 2.75em; font-weight: 700;} #myDiv{color: #0089fff0; overflow-y: hidden; background-color: #f0f1f1fa; margin: 10px; border-radius: 8px; word-wrap: break-word;} #myDiv1{text-align: center;font-weight: 700;padding: 10px;}                        </style>                        </head>                        <!--<div id="wrapper">-->                            <!--<form method="post">-->                              <div id="myDiv1">                                <p>                                  目前支持:抖音/皮皮虾/火山/微视/微博/绿洲/最右/轻视频/instagram/哔哩哔哩/快手/全民小视频/皮皮搞笑                                  <br>                                  温馨提示:粘贴视频地址时无需删除文案 但如果视频链接正确但解析失败请删掉文案后重试                                </p>                              </div>                              <div class="inputUrl">                              <input class="textUrl" type="text" placeholder="请粘贴视频链接" id="input1" class="longurl">                              <input class="btn sendBtn" type="button" onclick="setValue()" value="解析">                              </div>                            </form>                            <div class="down"></div>                              <div id="myDiv"></div>                        </div>                        <script>                        function  setValue(){                        var v =  document.getElementById("input1").value;                            var xmlhttp;                            if(window.XMLHttpRequest){                              xmlhttp=new XMLHttpRequest();                              }                            else{                            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}                            xmlhttp.open("GET","https://tenapi.cn/video?url="+v,false);                            xmlhttp.send();                            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;                        　  var jsonObj = JSON.parse(xmlhttp.responseText);                             $(".down").html('<h4 id="form-title" style="font-weight: 700;">'+jsonObj.title+'</h4><a id="form-cover" href="'+jsonObj.cover+'" target="_blank" download="video">下载封面</a><a id="form-video" href="'+jsonObj.url+'" target="_blank" download="video">下载视频</a><a id="form-music" href="'+jsonObj.music+'" target="_blank" download="video">下载音乐</a>');                        }                        </script>                    </html>                <!---->                <?php endwhile;  ?>                </div>                <?php comments_template('/template/comments.php', true); ?>        </div>    </div>    <?php get_sidebar(); ?></main><?phpget_footer();

说明：代码中相关的文字，可以自行修改。

其他WP主题看过来，由于我不是很懂贵站使用的是什么主题，所以就只留了核心的代码，只需在页面的目录下创建PHP文件，然后复制自己主题目录下的默认页面模板（一般都是默认模板的文件都是page.php文件），粘贴到新建的PHP文件，最后把下方的核心代码复制进去即可完成第一步。代码藏起来了！登陆即可观看代码，不许白嫖哦！嘿嘿嘿

本文隐藏内容 – 登录可见

核心代码

                    <!--核心代码开始-->                    <html>                        <head>                        <meta charset="utf-8">                        <meta name="viewport" content="width=device-width, initial-scale=1">                        <style>                        .inputUrl{width: 100%; display: flex; justify-content: flex-end; align-items: center; flex-direction: column;} .textUrl{width: 90%; height: 45px; outline: none; padding: 4px 8px; border-radius: 8px; border: 1.5px solid #c0c0c0; outline: none; background: #00000000; font-weight: 700; box-shadow: 0px 0px 2px #eeeeee;} .sendBtn{width: 90%; height: 40px; margin: 15px; border-radius: 8px; box-shadow: 0px 0px 2px #555; font-weight: 700;} .sendBtn:hover{background-color: #FFF;} .down{text-align: center;} .down a{display: inline-block; padding: 0 1em; margin: 0.5em; height: 2.75em; border: solid 1px #c8cccf; border-radius: 4px; background-color: transparent; color: #414f57!important; text-align: center; text-decoration: none; white-space: nowrap; line-height: 2.75em; font-weight: 700;} #myDiv{color: #0089fff0; overflow-y: hidden; background-color: #f0f1f1fa; margin: 10px; border-radius: 8px; word-wrap: break-word;} #myDiv1{text-align: center;font-weight: 700;padding: 10px;}                        </style>                        </head>                        <!--<div id="wrapper">-->                            <!--<form method="post">-->                              <div id="myDiv1">                                <p>                                  目前支持:抖音/皮皮虾/火山/微视/微博/绿洲/最右/轻视频/instagram/哔哩哔哩/快手/全民小视频/皮皮搞笑                                  <br>                                  温馨提示:粘贴视频地址时无需删除文案 但如果视频链接正确但解析失败请删掉文案后重试                                </p>                              </div>                              <div class="inputUrl">                              <input class="textUrl" type="text" placeholder="请粘贴视频链接" id="input1" class="longurl">                              <input class="btn sendBtn" type="button" onclick="setValue()" value="解析">                              </div>                            </form>                            <div class="down"></div>                              <div id="myDiv"></div>                        </div>                        <script>                        function  setValue(){                        var v =  document.getElementById("input1").value;                            var xmlhttp;                            if(window.XMLHttpRequest){                              xmlhttp=new XMLHttpRequest();                              }                            else{                            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}                            xmlhttp.open("GET","https://tenapi.cn/video?url="+v,false);                            xmlhttp.send();                            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;                        　  var jsonObj = JSON.parse(xmlhttp.responseText);                             $(".down").html('<h4 id="form-title" style="font-weight: 700;">'+jsonObj.title+'</h4><a id="form-cover" href="'+jsonObj.cover+'" target="_blank" download="video">下载封面</a><a id="form-video" href="'+jsonObj.url+'" target="_blank" download="video">下载视频</a><a id="form-music" href="'+jsonObj.music+'" target="_blank" download="video">下载音乐</a>');                        }                        </script>                    </html>                <!--核心代码结束-->

说明：代码中相关的文字，可以自行修改。

第二步：新建页面

在WP网站后台—》页面—》新建页面—-》页面属性—》模板—》选择“WIIUII-聚合解析页面”，填写标题、固定连接（非必须），最后发布即可。
其他主题可能找不到“WIIUII-聚合解析页面”，至于为什么呢，是因为主题默认代码可能没有添加或者不是“Template name: WIIUII-聚合解析页面”。
教程到这里结束，哪里出问题请评论或者截图找我吧。

效果截图

可以点击下方的链接，进入本站的短视频聚合无水印解析页面，进行浏览效果：

【星语的小木屋 – 短视频聚合无水印解析页面】https://www.wiiuii.cn/aggregation_analysis

截图

短视频聚合无水印解析页面截图

------本页已结束，新年特惠限时98元尊贵特权------

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

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

THE END