各大视频网站的VIP解析

这个页面有附属脚本，酌情访问

这里是Minloha的小站，今天在这里开一个小功能，VIP解析，代码在下面，没多少技术

GO!

正式介绍

首先我们需要一个html

这个很简单，基本随随便便写写就行

<!-- 可以插入一些css或js，这里直接放出来了 -->
<input type="text" placeholder="在此处输入链接" class="ipt" id="ipt"/>
<button onclick="on()" class="btn">点我前往</button>

然后就是一个API，其实这个就是造壳子而已，加入一小段js

<script>
function on(){
    var id=document.getElementById('ipt').value;
    var url ="http://www.wmxz.wang/video.php?url="+id;
    var reg=/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+.*$/;
    if(!reg.test(id)){

}else{
window.location.replace("http://www.wmxz.wang/video.php?url="+id);
}
}
</script>

因为需要对输入的内容进行判断，这里采用了正则表达式进行匹配，正则表达式的用法非常多，这里只做简单

的用法介绍

var reg=/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+.*$/;
/*
这句就是对输入的内容进行匹配，关键在于是[hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]

用地球的语言来说就是，输入的内容满足 https://XXXX.XXX 或 http://XXXX.XXX 的格式

对于网站来说，一般还有接下来的路径，所以满足域名的条件只需在后面进行贪婪匹配就完事了

*/

最后再写亿点人人都会的css，就完成了

<style>
.ipt{
    border: 1px solid [[ccc]]; 
                padding: 7px 0px;
                border-radius: 3px;
	border: 1px solid [[ccc]];
                padding: 7px 0px;
                border-radius: 3px;
                padding-left:5px;
                -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
	border-color: [[66afe9]];
                    outline: 0;
                    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
                    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
                padding-left:5px;
}
</style>