纯代码实现实现WordPress集成视频解析页面功能

地下室先生博客刚增加了一个视频解析功能,以后VIP视频可以免费看了。

这个功能是文字咖博主也是在 诗梦博客 分享的代码基础上修改的,经过几天调试,感觉差不多了,才敢把代码放出来!

在之前的代码基础上,文字咖博主做了几个简单的优化,(作者原文如下)

1. 修复视频无法全屏的问题

2. 新增加几个目前比较稳定的解析接口(当然这些接口也可以自已在网上找)

3. 调整整个页面的样式

4. 新增支持解析网站 logo 模块,使解析页面更加美观

5. 修复一些错误代码

修改后的效果可以点击 VIP 视频解析 查看,播放效果图如下:

WordPress集成视频解析页面功能 纯代码实现

注意:

本视频解代码属于二次解析,这里博主不多介绍,如果想要搭建一次解析的小伙伴,可以直接跳过了!

另外,代码中的解析接口可以自己添加或删除,有可能接口失效,自己调整就行了

1. WordPress集成视频解析页面功能核心代码

代码有点长,下面仅展示部分代码,完整代码文件,请下载videopage.php。

<?php

/* Template Name: 视频解析 */

    get_header();

?>

<style type="text/css">

    #primary {

        width: 100%;

    }

    .contact-page {

        margin: 40px 0;

    }

    #contact label {

        display: block;

        margin: 0 0 0 30px;

        padding: 5px 0;

    }

    #contact input, #contact textarea {

        background: #fff;

        margin: 0 0 0 30px;

        padding: 6px;

        width: 40%;

        border: 1px solid #ebebeb;

        border-radius: 2px;

        -webkit-appearance: none;

    }

    #contact textarea {

        width: 80%;

    }
完整代码可以下载:videopage.zip

2、WordPress集成视频解析页面功能使用方法

直接上上面的videpage.zip解压,上传到你主题的根目录(一般情况下就是主题根目录,如果你的主题和我使用的xiu主题一样有单独的页面模板目录,就放到页面模板目录下)
新建页面 ==> 模板选择“视频解析” ==> 发布即可!

3. WordPress集成视频解析页面功能logo 图片

将下面链接中的 logo 图片复制到主题根目录中的 diy 文件夹中,路径为:主题根目录/diy/logo
下载LOGO文件:下载LOGO图片

这个代码来自https://www.wenzika.com/1877.html,地下室先生未做任何修改,你可以根据自己的情况进行修改。

本站已经成功使用。

未经允许不得转载:地下室先生博客 » 纯代码实现实现WordPress集成视频解析页面功能

赞 (0) 打赏作者

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 𝑴𝒖𝒔𝒊𝒓广告颇多,体验不行回复
    • 地下室先生博客哈哈,不知道你说的是我网站的广告多,还是这个视频解析接口的广告。 解析接口的广告这个没办法,毕竟用人家的接口呢,要是能找到没有广告的解析接口,可以自己换下 如果说的是我网站广告多,这个我真的承认,确实有点多,最近也再考虑怎么精简呢!回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏