//common.js
//百度统计
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?d1dbc8f1ff2a44ce537e3b92450182b2";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
//获取所有参数
function getUrlVars() {
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++)
{
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
//获取参数
function getQueryVariable(variable)
{
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] == variable){return pair[1];}
}
return(false);
}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/fun/xjj/dist/favicon.ico" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>立Flag-|-短视频</title>
<meta name="keywords" content="立flag短视频,最右短视频,快手短视频,小视频在线观看,好玩的视频,酷玩视频,小姐姐短视频">
<meta name="description" content="一个可以在线刷抖音快手的视频网站-小姐姐超多">
<script type="text/javascript">
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
// window.location.href = "/fun";
}else{
window.location.href = "/fun/pc";
}
</script>
<style type="text/css">
*{
margin:0px;
padding:0px;
touch-action: pan-y;
text-align: center;
}
.app{
width: 100%;
height:100%;
position: absolute;
top:0px;
right:0px;
bottom: 0px;
left:0px;
overflow: hidden;
background-color: #ffffff;
}
#player{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
z-index: 100;
}
/* login */
.login-header{width:100%;text-align:center;height:30px;font-size:24px;line-height:30px;background-color:#ffffff;}
.login{position:fixed;border:#ebebeb solid 1px;top:10%;left:5%;right:5%;display:none;background:#ffffff;box-shadow:0px 0px 20px #ddd;z-index:9999;}
.login-title{width:100%;margin:10px 0px 0px 0px;text-align:center;line-height:40px;height:40px;font-size:18px;position:relative;background-color:#ffffff;}
.login-title span{position:absolute;font-size:12px;right:-20px;top:-30px;border:#ebebeb solid 1px;width:40px;height:40px;border-radius:20px;background-color:#ffffff;}
.login-title span a{display:block;border-radius:20px;font-size:16px;background-color:#ffffff;}
.login strong{float:left;display:block;font-size:16px;background-color:#ffffff;}
.login span{display:block;font-size:14px;background-color:#ffffff;text-align:left;}
.login-input-content{margin-top:20px;background-color:#ffffff;}
.login-input {overflow:hidden;margin:0px 0px 20px 0px;background-color:#ffffff;}
.login-input label{float:left;width:100%;padding-right:10px;text-align:left;line-height:35px;height:35px;font-size:22px;background-color:#ffffff;}
.login-input input.list-input{float:center;line-height:35px;height:35px;width:100%;border:#ebebeb 1px solid;text-indent:5px;background-color:#ffffff;}
.login-button{width:70%;margin:28px auto 0px auto;line-height:58px;font-size:14px;border:#ebebeb 1px solid;text-align:center;background-color:#ffffff;}
.login-button a{display:block;background-color:#ffffff;}
</style>
<body>
<div class="app">
<video id="player" preload autoplay webkit-playsinline='true' playsinline='true' x-webkit-airplay='true' x5-video-player-type='h5' x5-video-player-fullscreen='true' x5-video-ignore-metadata='true' controlslist="nodownload" poster="/fun/xjj/dist/img/bg.jpg"></video>
</div>
<span style="position:absolute;top:5px;left:10px;color:#fff;font-size:10px;">点击按钮选择【连续】/【循环】模式</span>
<span style="position:absolute;top:20px;left:10px;color:#fff;font-size:10px;">右滑/上滑切换下一个</span>
<span style="position:absolute;top:35px;left:10px;color:#fff;font-size:10px;">点击来源切换数据源</span>
<span style="position:absolute;top:50px;left:10px;color:#fff;font-size:10px;">点击爱心按钮收藏</span>
<span style="position:absolute;top:65px;left:10px;color:#fff;font-size:10px;">单击播放/暂停</span>
<span style="position:absolute;top:80px;left:10px;color:#fff;font-size:10px;">双击进入全屏</span>
<div id="buttons" style="position:absolute;bottom:150px;right:10px;">
<button id="bth" style="border-radius:20px;width:32px;height:32px;">循环</button>
<br><br><br>
<button id="yuan" style="border-radius:20px;width:32px;height:32px;">源1</button>
<br><br><br>
<button style="border-radius:20px;width:48px;height:32px;" onclick="players();">PASS</button>
<br><br><br>
<img style="border-radius:10px;width:32px;height:32px;" src="/fun/xjj/dist/img/love.png" title="点击添加收藏" id="love"/>
</div>
<span style="position:absolute;top:5px;right:10px;color:#4682B4;;font-size:12px;" id="userid">@liflag</span>
<span style="position:absolute;bottom:10px;left:10px;color:#fff;font-size:9px;">本程序仅作研究学习演示，数据采集自网络<br>原作者拍摄创作不易，请勿下载传播</span>
</body>
<div class="login" id="dlym" style="height:80vh;width: 85vw;">
<div class="login-title">ID*组·收藏登入<span><a class="close-login" onclick="$('#dlym').hide();">关闭</a></span></div>
<div class="login-input-content">
<div style="width:100%;height:1px;border-top: solid #ACC0D8 1px;"></div><br>
<div class="login-input">
<label>ID*组·账号：</label>
<input type="text" placeholder="ID*组·账号（建议使用易记的纯数字）" id="username" class="list-input"/>
</div>
<br><div style="width:100%;height:1px;border-top: solid #ACC0D8 1px;"></div>
<strong>温馨提示：</strong><br>
<span>1.本收藏功能为开放性ID组账号收藏体验，ID*组·账号不设密码，如已存在同ID组账号，即会在原ID组账号上添加收藏数据，您可以公开您的ID组账号给您志同道合的好友们；添加的收藏数据暂不支持取消，不支持删除ID组账号，请您谨慎操作！</span><br>
<span>2.点击来源显示按钮切换到收藏源即可浏览当前ID组账号收藏的数据。</span>
</div>
<div class="login-button"><a id="login">登录账号</a></div>
</div>
<script type="text/javascript" src="/fun/xjj/dist/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="/fun/xjj/dist/js/jquery.cookie.min.js"></script>
<script type="text/javascript" src="/fun/xjj/dist/js/common.js"></script>
<script>
$(document).ready(function(){
auto = false;
gi = 0;
urlKs = "/fun/ks";
urlZy = "/fun/zy";
url="";
vdurl = "";
player = document.getElementById("player");
players();
var user = $.cookie('user');
if (user != null) {
$("#userid").html('@'+user);
} else {
$("#userid").html('@dafeiyu');
}
$("#bth").on("click", function(){
auto = !auto;
this.innerText = (auto ? '连播' : '循环');
});
$("#love").on("click", function(){
user = $.cookie('user');
if (user == null) {
$('#dlym').show();
} else {
// $.post("post.php",{userid:user,datastr:vdurl},function(datat,status){
// dataobj = JSON.parse(datat);
// if (dataobj.status == "YES") {
// $("#love").attr('src','./img/loves.png');
// console.log(dataobj.message);
// }else{
// console.log(dataobj.message);
// }
// });
}
});
$("#yuan").on("click", function(){
url="";
if (gi == 0) {
gi = 1;
this.innerText = "源2";
url = urlKs;
} else if (gi == 1) {
gi = 0;
this.innerText = "源1";
$("#userid").html('@dafeiyu');
url = urlZy;
}
console.log(url);
});
player.addEventListener('ended', function () {
console.log("播放结束");
if (auto == false) {
player.play();
} else {
players();
}
}, false);
touchtime = new Date().getTime();
$("#player").on("click", function(){
if( new Date().getTime() - touchtime < 500 ){
console.log("dblclick");
FullScreen();
}else{
touchtime = new Date().getTime();
console.log("click");
if (player.paused) {
player.play();
} else {
player.pause();
}
}
});
});
function players() {
if(url==null||url==""||url=="undefined"){
url=urlZy;
}
$.get(url,function(data,status){
if (status==status) {
console.log("成功获取数据！");
let video = data.data;
player.src = video.url;
vdurl = video.url;
console.log(data);
if (gi==0) {
$("#love").attr('src','/fun/xjj/dist/img/loves.png');
} else {
$("#love").attr('src','/fun/xjj/dist/img/love.png');
}
//1 检测ks视频是否存在
if(vdurl.indexOf("izuiyou")==-1){
$.ajax({url: vdurl,type: 'GET',complete: function(response) {
if(response.status != 200) {
console.log(response.status);
players();
}
}})
}
;
player.play();
} else {
console.log("失败，重新发起请求！");
players();
}
});
}
//进入全屏
function FullScreen() {
if (player .requestFullscreen) {
player .requestFullscreen();
player.play();
} else if (player .mozRequestFullScreen) {
player .mozRequestFullScreen();
player.play();
} else if (player .webkitRequestFullScreen) {
player .webkitRequestFullScreen();
player.play();
}
}
</script>
<script>
var startx, starty;
//获得角度
function getAngle(angx, angy) {
return Math.atan2(angy, angx) * 180 / Math.PI;
};
//根据起点终点返回方向 1向上 2向下 3向左 4向右 0未滑动
function getDirection(startx, starty, endx, endy) {
var angx = endx - startx;
var angy = endy - starty;
var result = 0;
//如果滑动距离太短
if (Math.abs(angx) < 2 && Math.abs(angy) < 2) {
return result;
}
var angle = getAngle(angx, angy);
if (angle >= -135 && angle <= -45) {
result = 1;
} else if (angle > 45 && angle < 135) {
result = 2;
} else if ((angle >= 135 && angle <= 180) || (angle >= -180 && angle < -135)) {
result = 3;
} else if (angle >= -45 && angle <= 45) {
result = 4;
}
return result;
}
//手指接触屏幕
document.addEventListener("touchstart", function(e){
startx = e.touches[0].pageX;
starty = e.touches[0].pageY;
}, false);
//手指离开屏幕
document.addEventListener("touchend", function(e) {
var endx, endy;
endx = e.changedTouches[0].pageX;
endy = e.changedTouches[0].pageY;
var direction = getDirection(startx, starty, endx, endy);
switch (direction) {
case 1:
console.log("向上！");
players();
break;
case 3:
console.log("向左！");
players();
break;
}
}, false);
</script>
<script type="text/javascript">
// $("#login").on("click", function(){
// var usernames = document.getElementById('username').value;
// if (usernames.replace(/(^\s*)|(\s*$)/g, "") == "") { //----判断是否为空或者空格---
// alert("请注意，账号内容不能为空！");
// username.focus();
// return;//------如果为空，阻止函数继续往下执行----
// } else {
// $.post("login.php",{username:usernames},function(datalogin,status){
// objlogin = JSON.parse(datalogin);
// if (objlogin.status == "YES") {
// $.cookie('user', usernames);
// $("#userid").html('@'+usernames);
// $('#dlym').hide();
// alert(objlogin.message);
// }else{
// alert(objlogin.message);
// }
// });
// }
// });
</script>
</html>
摘自 http://liflag.cn/fun/index
发表评论 取消回复