WordPress添加大陸短視頻聚合無浮水印解析頁面[WP頁面]

前言

說是聚合無浮水印 解析,其實我也沒怎麼測試過(只測試了抖音、快手、最右這幾個短視頻軟體),解析的API採用大佬的介面。 好啦! 廢話少說,下面安排教程!

食用教程

其他的WP主題要注意看哦! )頁面的頭尾代碼我只採用符合 子比主題 的頭部和尾部代碼,WP其他主題使用可能會出現樣式錯亂。 若其他WP主題使用請自行添加和複製自己主題目錄下的默認頁面範本(一般都是默認範本的檔都是page.php檔),然後在合適的位置添加下方教程的核心代碼即可啦! 需要有點基礎哦!

第一步:頁面代碼

使用子比主題的朋友請看過來!

使用子比的朋友,直接在子比主題目錄/zibll/pages/下創建一個PHP文件,然後複製下面的代碼添加進去即可完成第一步!

不會創建或者不想創建的朋友,可以下載本文章末尾的壓縮檔,解壓上傳到/zibll/pages/目錄下即可。

<?php
/**
 * Template name: PAJ8-聚合解析頁面
 * Description:   PAJ8 - 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>
<?php
get_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網站後台—》頁面—》新建頁面—-》頁面屬性—》範本—》選擇“PAJ8-聚合解析頁面”,填寫標題、固定連接(非必須),最後發佈即可。

其他主題可能找不到“PAJ8-聚合解析頁面”,至於為什麼呢,是因為主題默認代碼可能沒有添加或者不是“Template name: PAJ8-聚合解析頁面”。

教程到這裡結束。效果截圖

WordPress添加大陸短視頻聚合無浮水印解析頁面[WP頁面]

PHP聚合解析頁檔

大陸短視頻聚合無浮水印解析頁面

提取碼:無
解壓碼:無

版權聲明 1 如果您喜歡本站,不花錢捐贈本站的方法>點廣告就是最好的方法~
2 有問題請聯繫站長加群版權下架/違規處理軟體打不開/閃退/報錯
3 這些資訊可能會説明你:
下載幫助 | 報毒說明 | 進站必看
4 本站資源存儲在OneDrive網盤,如發現連結失效,請聯繫我更新
5 本站資源均來源於網路,只作學習交流使用,版權歸原作者所有,請於下載后24小時內刪除,若作商業用途,請聯繫原作者授權,由於未授權發生的侵權行為與本站無關,若本站侵犯了您的權益,請聯繫本站刪除,郵箱: ngame@ngameyt.com

0 條回复 A文章作者 M管理员
    暫無討論,說說你的看法吧
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索