这段时间给网站添加了一个视频解析服务,还是有点作用的,谁用谁知道,哈哈!(因全站开了ssl,不支持http)
话不多说,下面我们着手来操作吧!
我们需要新建一个php文件,命名为 vipspjx.php ,输入以下内容
<?php /*
Template Name: VIP视频解析
author: vanhua
url: httpss://www.0769cm.com/
*/
?>
<?php get_header(); ?>
<?php $jk=isset($_GET['jk'])?$_GET['jk']:'';
$url=isset($_GET['url'])?$_GET['url']:'https://www.0769cm.com/vipspjx';?>
那么其中的静态页面,在下面我就统称为视频缓冲页,可以自己定义,也可以用我的页面!(下为样式)
需要修改的话,做好你自己的html页面,替换掉即可!(可能在后期会把这个缓冲页提供给大家下载!这个是我在网上找的一款404页面修改的!)
https://www.0769cm.com/33971.html
下面这个就是放置视频主体的位置,高度,尺寸可以自定义!
<p class="0769cm-video"><iframe src="<?=$jk.$url?>" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
这里我们还是用到了,视频自适应,这个在前面我们也讲过,《东莞折扣网服务视频网站视频自适应问题【东莞广告联盟】》,样式也是沿用的!
这个播放框架弄好之后,下面就是接口,直接粘贴下面代码即可;(action位置的地址换成你自己页面的地址)
<div class="col-md-14 column">
<form method="get" action="http://www.0769cm.ccom/vipspjx">
<div class="input-group" style="width: 100%;">
<span class="input-group-addon input-lg" style="width: 80px;">选择接口</span>
<select class="form-control input-lg" name="jk">
<option value="https://api.47ks.com/webcloud/?v=">VIP解析接口1</option>
</select>
</div><br>
<div class="input-group" style="width: 100%;">
<span class="input-group-addon input-lg" style="width: 80px;">播放地址</span>
<input style="height:46px;"class="form-control input-lg" type="text" name="url" placeholder="输入播放地址"></div>
<br>
<div>
<button type="submit" class="btn btn-default btn-lg btn-block">立即播放</button></div>
</form>
</div>
接口更换新增位置:(接口可自行百度,失效或者增加及时更换!)
<option value="https://api.47ks.com/webcloud/?v=">VIP解析解析接口1</option>
那么上面引用的css样式如下
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group-addon:first-child {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
display: table-cell;
}
.input-group-addon, .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-lg, .form-horizontal .form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
.input-group .form-control:last-child, .input-group-addon:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group .form-control {
display: table-cell;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
.input-lg, .form-horizontal .form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
border-color: #bbb;
color: #444;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn:hover, .btn:focus {
color: #333;
text-decoration: none;
}
.btn-lg, .btn-group-lg > .btn {
font-size: 18px;
border-radius: 4px;
padding: 12px 28px;
}
.btn-block {
display: block;
width: 100%;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #bbb;
border: 1px solid #bbb;
border-radius: 4px;
height: 50px;
}
我的页面增加了一行滚动告知栏,如下!在你页面合适位置添加即可!
<font color=#0000CD>
<marquee direction="left" behavior="scroll" scrollamount="10" bgcolor="" width=100% height="100%" scrolldelay="100%">
(使用方法:将要播放的VIP视频网址粘贴输入框。目前支持爱奇艺、优酷、乐视、芒果、腾讯等等VIP视频解析。例如:https://www.0769cm.com/33971.html)请勿相信或者点击任何视频广告,本服务使用完全免费!
</marquee>
</font>
然后保存即可!
上传至当前主题目录下,回到wordpress后台新建页面,填写地址,标题;
选择 vip视频解析页面;
成功之后到:你的域名/vipspjx页面查看!
OK。大功告成!喜欢的话给我点个赞哦!
免费学习国学文化,请点击“国学讲堂“