736 lines
30 KiB
HTML
736 lines
30 KiB
HTML
|
||
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<meta name="renderer" content="webkit">
|
||
<meta name="author" content="http://www.fractal-technology.com">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||
<meta name="format-detection" content="telephone=no,email=no,adress=no">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||
|
||
<meta name="keywords" content="创旅丝路" />
|
||
<meta name="description" content="创旅丝路" /><!-- <title>视频 - 创旅丝路 - 创旅丝路</title> -->
|
||
<title>视频 - 创旅丝路</title><link rel="stylesheet" type="text/css" href="Public/static/themes/css/jquery.mCustomScrollbar.css">
|
||
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/jquery.fullPage.css">
|
||
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/video-js.css">
|
||
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/global.css">
|
||
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/flex.css">
|
||
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/page.css">
|
||
<link rel="stylesheet" type="text/css" href="Public/static/themes/css/lyc.css">
|
||
<link rel="stylesheet" href="Public/static/themes/css/jjl.css">
|
||
<script src="Public/static/themes/js/plugs/jquery.min.js"></script>
|
||
<script src="Public/static/themes/js/plugs/social-share.min.js"></script>
|
||
<script src="Public/static/themes/js/plugs/jquery.fullPage.min.js"></script>
|
||
<script src="Public/static/themes/js/plugs/jquery.placeholder.min.js"></script>
|
||
<script src="Public/static/themes/js/plugs/jquery.ba-throttle-debounce.min.js"></script>
|
||
<script src="Public/static/themes/js/plugs/jquery.mCustomScrollbar.concat.min.js"></script>
|
||
<script src="Public/static/themes/js/plugs/imagesloaded.pkgd.min_v3.2.0.js"></script>
|
||
<script src="Public/static/themes/js/plugs/masonry.pkgd.min.js"></script>
|
||
<script src="Public/static/themes/js/plugs/TweenMax.min.js"></script>
|
||
<script src="Public/static/themes/js/plugs/video.js"></script>
|
||
<script src="Public/static/themes/js/plugs/slick.js"></script>
|
||
<script src="Public/static/themes/js/plugs/xRoll.js"></script>
|
||
<script src="Public/static/themes/js/global.js"></script>
|
||
<script src="Public/static/themes/js/plugs/audio.js"></script>
|
||
<script src="Public/static/themes/laydate/laydate.js"></script>
|
||
<script type="text/javascript" src="https://cdn1.foundertype.com/webfont/js/ftfont-init.js"></script>
|
||
|
||
<script type="text/javascript">
|
||
$(function(){
|
||
$('.kf_search').focus(function(){
|
||
var placeholder = $(this).attr('placeholder');
|
||
var title_key = $(this).attr('title_key') ? $(this).attr('title_key') : '关键词';
|
||
if( placeholder == title_key || placeholder == 'search...' ){
|
||
$(this).attr('placeholder', '');
|
||
}else{
|
||
var val = $(this).val();
|
||
if (val == title_key || val == 'search...') {
|
||
$(this).val('');
|
||
}
|
||
|
||
}
|
||
});
|
||
|
||
$('.kf_search').blur(function(){
|
||
var val = $(this).val();
|
||
if( val == '' ){
|
||
if ( $(this).hasClass('kkword') ) {
|
||
$(this).val('search...');
|
||
}else{
|
||
var title_key = $(this).attr('title_key') ? $(this).attr('title_key') : '关键词';
|
||
$(this).attr('placeholder', title_key);
|
||
}
|
||
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<script>
|
||
$(function(){
|
||
$('.x-header .widget-area-edit-title,.x-header .widget-area-notice').remove();
|
||
$('.sidebar .widget-area-edit-bg,.sidebar .widget-area-edit-title').remove();
|
||
$('.x-footer .widget-area-edit-bg,.x-footer .widget-area-edit-title').remove();
|
||
$('.rightNav .widget-area-edit-bg,.rightNav .widget-area-edit-title').remove();
|
||
$('.x-footer div,.x-footer span').removeClass('widget-area').find('.widget-area-edit,.widget-area-notice').remove();
|
||
$('.sidebar div,.x-footer span').removeClass('widget-area').find('.widget-area-edit,.widget-area-notice').remove();
|
||
});
|
||
|
||
</script>
|
||
<style>
|
||
.x-header .widget-area-edit{display:none!important;}
|
||
|
||
</style>
|
||
<style>
|
||
.empty-data{ width:100%; font-size:25px; padding-top:8%; padding-bottom:8%; text-align: center;}
|
||
a{color:inherit;}
|
||
</style>
|
||
<div class="sidebar x-show">
|
||
<div><div class="sb-item">
|
||
<a href="./news_2.html" >
|
||
<div class="box">
|
||
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabd3fa22ca.png" alt=""></div>
|
||
<div class="txt middle"><div class="middle-cont">通知<br />
|
||
公告</div></div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="sb-item">
|
||
<a href="../backend/page/login/login.html" >
|
||
<div class="box">
|
||
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabd8ad3ba5.png" alt=""></div>
|
||
<div class="txt middle"><div class="middle-cont">登录<br />
|
||
</div></div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="sb-item">
|
||
<a href="./tuji_list.html" >
|
||
<div class="box">
|
||
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabda3e0b89.png" alt=""></div>
|
||
<div class="txt middle"><div class="middle-cont">图集</div></div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="sb-item">
|
||
<a href="./video.html" >
|
||
<div class="box">
|
||
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabdbca4f5a.png" alt=""></div>
|
||
<div class="txt middle"><div class="middle-cont">视频</div></div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="sb-item sb-wx">
|
||
<div class="box">
|
||
<div class="ico"><img src="Uploads/Picture/2018/11/14/s5bebd173616a5.png" alt=""></div>
|
||
<div class="txt middle"><div class="middle-cont">微信<br />
|
||
公众号</div></div>
|
||
<div class="pop"><img src="Uploads/Picture/2018/11/17/oQueF61lkFl-M4ANUlHlNkcPwuvw.jpg" alt="" class="img"></div>
|
||
</div>
|
||
</div>
|
||
<div class="sb-item js-gotop topping">
|
||
<a href="javascript:;" >
|
||
<div class="box">
|
||
<div class="ico"><img src="Uploads/Picture/2018/11/01/s5bdabe1324e28.png" alt=""></div>
|
||
<div class="txt middle"><div class="middle-cont">回到<br />
|
||
顶部</div></div>
|
||
</div>
|
||
</a>
|
||
</div></div> </div>
|
||
<style>
|
||
#myalert{ display:none; }
|
||
.recruit .block1{ height: auto}
|
||
.layer{background:url(Public/static/themes/image/con_mask.png);;position:fixed;left:0;right: 0;/*top:43px;*/bottom: 0;width:100%;height:100%;z-index: 1000000;}
|
||
.layer .myalert{padding:30px;background:#fff;width:240px;position:absolute;margin-top:-100px;top:50%;left:50%;margin-left:-120px;text-align:center; z-index: 100000;display: block;height: 123px;}
|
||
.layer .guan{background:url(Public/static/themes/image/clos.png) no-repeat center; display:block;width:15px;height:15px;position:absolute;top:10px;right:10px;}
|
||
.layer .text{padding-bottom:15px;font-size:16px;color:#474747;}
|
||
.layer .button{background:none;border:1px solid #bbbbbb;width:91px;height:29px;font:14px/100% "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif;color: #707070;}
|
||
</style>
|
||
<div id="myalert" class="layer">
|
||
<div class="myalert">
|
||
<a href="javascript:;" onclick="myalert_hide();" class="guan"></a>
|
||
<div class="text">请输入关键字!</div>
|
||
<a><button class="button" id="my_ok" style="cursor:pointer ;opacity: 1;transform: translateY(0px);">确定</button></a>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
function my_alert( title, url) {
|
||
$('#myalert').show();
|
||
$('#myalert .myalert div').html(title);
|
||
if(url){
|
||
$('#my_ok').click(function(){
|
||
window.location.href=url;
|
||
});
|
||
}else{
|
||
$('#my_ok').click(function(){
|
||
$('#myalert').hide();
|
||
});
|
||
}
|
||
}
|
||
function myalert_hide(){
|
||
$('#myalert').hide();
|
||
}
|
||
</script>
|
||
<div class="x-header ">
|
||
<div class="menu-head">
|
||
<div class="logo" edit_params="width%3D50%26height%3D50%26backgroundColor%3D1%26unlimit%3D1%26title1Show%3D1%26title1Max%3D20%26title2Show%3D1%26title2Max%3D20%26showLink%3D1"><a href="./index.html" target="_blank" >
|
||
<img src="Uploads/Picture/2018/11/20/_.._logo_font20240405_uugai.com-d1202-17123090802422-removebg-preview.png" class="img" alt="" title=""/>
|
||
</a>
|
||
<a href="./index.html">
|
||
<span class="txt"><span class="g_txt"></span> <span class="dot">创旅丝路</span> <span class="g_txt"></span></span>
|
||
</a></div> <div class="menu-btn m-show"><span class="line"></span></div>
|
||
</div>
|
||
<div class="tools p-show">
|
||
<div class="search-trigger">
|
||
<div class="search-box">
|
||
<div class="search-txt"><input placeholder="search..." class="kkword kf_search" type="text"></div><button class="search-btn submit_base" type="submit"></button>
|
||
</div>
|
||
</div>
|
||
|
||
<style>
|
||
.share-item .wechat-qrcode, .share-item .code {padding-top: 10px;}
|
||
|
||
@media screen and (max-width: 750px) {
|
||
.share-item .wechat-qrcode, .share-item .code {padding-top: 0px;display: -ms-flexbox;display: flex;-webkit-box-align: center; align-items: center;-webkit-box-pack: center;
|
||
-moz-justify-content: center;
|
||
-webkit-justify-content: center;
|
||
justify-content: center;}
|
||
.share-box .icon-wchat.show .wechat-qrcode {visibility: visible;opacity: 1; -webkit-transform: none;transform: none;}
|
||
|
||
}
|
||
</style>
|
||
<script>
|
||
$(function() {
|
||
$(".share-box .icon-wchat").on('click', function() {
|
||
$(this).toggleClass("show");
|
||
});
|
||
$(".menu-btn").on('click', function() {
|
||
$(".share-box .icon-wchat").removeClass("show");
|
||
});
|
||
});
|
||
</script>
|
||
|
||
|
||
|
||
<div class="calendar-box">
|
||
<span id="loginStatus"></span>
|
||
<span id="username"></span>
|
||
<a id="loginLink" href="../backend/page/login/login.html">登录</a>
|
||
<button id="logout" style="display: none;">退出</button>
|
||
<img class="w w_kf" src="Uploads/Picture/2021/04/06/s606c4418c77ba.png" alt="" title="">
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener("DOMContentLoaded", function() {
|
||
// 使用fetch从后端获取用户信息
|
||
fetch('/backend/api/userinfo')
|
||
.then(response => response.json())
|
||
.then(data => {
|
||
const usernameElement = document.getElementById('username');
|
||
const loginLinkElement = document.getElementById('loginLink');
|
||
const logoutButton = document.getElementById('logout');
|
||
const loginStatusElement = document.getElementById('loginStatus');
|
||
|
||
// 如果存在用户信息,则显示用户名,并显示退出按钮
|
||
if (data && data.username) {
|
||
usernameElement.textContent = data.username;
|
||
loginStatusElement.textContent = '已登录';
|
||
logoutButton.style.display = 'inline-block';
|
||
loginLinkElement.style.display = 'none'; // 隐藏登录按钮
|
||
} else {
|
||
loginLinkElement.style.display = 'inline-block'; // 显示登录按钮
|
||
loginStatusElement.textContent = '未登录'; // 显示未登录状态
|
||
}
|
||
|
||
// 注销功能
|
||
logoutButton.addEventListener('click', function() {
|
||
localStorage.removeItem('userInfo');
|
||
window.location.href = '/backend/page/login/login.html';
|
||
});
|
||
})
|
||
.catch(error => console.error('Error fetching user info:', error));
|
||
});
|
||
</script>
|
||
</div>
|
||
<div class="nav-mod">
|
||
<div class="search-box m-show">
|
||
<div class="search-txt"><div class="i"></div><input type="text" placeholder="search..." class="kkword1 kf_search"></div>
|
||
<button class="search-btn submit_base1" type="submit">搜索</button>
|
||
</div>
|
||
<ul class="nav-lv nav-lv1 clear">
|
||
|
||
<li class="nav-item" >
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="./index.html">首页</a>
|
||
</div>
|
||
</li><li class="nav-item" >
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="./jigou.html">历史</a>
|
||
</div>
|
||
</li><li class="nav-item" >
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="./zhengce.html">政策</a>
|
||
<span class="arr"></span> </div>
|
||
<div class="nav-lv nav-lv2">
|
||
<ul class="nav-grp">
|
||
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./news.html" >新闻动态</a></div></li><li class="nav-item"></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./news_2.html" >通知公告</a></div></li> </ul>
|
||
</div>
|
||
</li><li class="nav-item" >
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="../ihchina/TourTemplate-master/show.html">旅游</a>
|
||
<span class="arr"></span> </div>
|
||
<div class="nav-lv nav-lv2">
|
||
<ul class="nav-grp">
|
||
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="../ihchina/TourTemplate-master/show.html" >景点介绍</a></div></li><li class="nav-item"></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./map/index.html" >行程路线</a></div></li> </ul>
|
||
</div>
|
||
|
||
</li><li class="nav-item" >
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="./project.html">文创</a>
|
||
<span class="arr"></span> </div>
|
||
<div class="nav-lv nav-lv2">
|
||
<ul class="nav-grp">
|
||
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./1.html" >戏曲</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./2.html" >影视</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./3.html" >舞蹈</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./4.html" >传统工艺</a></div></li> </ul>
|
||
</div> </li><li class="nav-item" >
|
||
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="./ziyuan.html">资源</a>
|
||
<span class="arr"></span> </div>
|
||
<div class="nav-lv nav-lv2">
|
||
<ul class="nav-grp">
|
||
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./shenbaozhinan.html" >下载</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./video.html" >视频</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./tuji_list.html" >图集</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href=" http://localhost:8080" >H5赏析</a></div></li> </ul>
|
||
</div> </li><li class="nav-item" >
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="./luntan.html">论坛</a>
|
||
<span class="arr"></span> </div>
|
||
<div class="nav-lv nav-lv2">
|
||
<ul class="nav-grp">
|
||
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./luntan.html" >论坛</a></div></li><li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./xuekejianshe.html" >学科建设</a></div></li> </ul>
|
||
</div> </li><li class="nav-item" >
|
||
<div class="nav-tit">
|
||
<a class="nav-link" href="./guanyuwomeng.html">关于我们</a>
|
||
<span class="arr"></span> </div>
|
||
<div class="nav-lv nav-lv2">
|
||
<ul class="nav-grp">
|
||
<li class="nav-item"><div class="nav-tit"><a class="nav-link" href="./zhishichuang.html" >知识窗</a></div></li> </ul>
|
||
</div> </li> </ul>
|
||
|
||
<div class="share-box social-share m-show" data-initialized="true">
|
||
<a href="#" class="social-share-icon share-item icon-wchat icon-wechat"></a>
|
||
<a href="#" class="social-share-icon share-item icon-sinawb icon-weibo"></a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<script>
|
||
$(function(){
|
||
$(".submit_base").click(function () {
|
||
var kkword = $(".kkword").val().replace(/ /g,"$@*");
|
||
if(kkword == '' || kkword == "search..."){
|
||
my_alert("请输入搜索内容");return false;
|
||
}
|
||
window.location = "/search_result/keyword/"+kkword;
|
||
});
|
||
$(".submit_base1").click(function () {
|
||
var kkword = $(".kkword1").val().replace(/ /g,"$@*");
|
||
if(kkword == '' || kkword == "search..."){
|
||
my_alert("请输入搜索内容");return false;
|
||
}
|
||
window.location = "/search_result/keyword/"+kkword;
|
||
});
|
||
|
||
if($(window).width() <=750) {
|
||
$(".x-header").keyup(function(e){
|
||
if(e.keyCode === 13){
|
||
$(".submit_base1").click();
|
||
|
||
}
|
||
});
|
||
}else{
|
||
$(".x-header").keyup(function(e){
|
||
if(e.keyCode === 13){
|
||
$(".submit_base").click();
|
||
|
||
}
|
||
});
|
||
}
|
||
$(".x-container .result1").keyup(function(e){
|
||
if(e.keyCode === 13){
|
||
$("#submit").click();
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
<div class="x-container">
|
||
<div class="bread-mod p-show" style="z-index:9;">
|
||
<div class="x-wrap">
|
||
<div class="bread-item"><a href="./index.html">首页</a></div>
|
||
<div class="bread-item"><a href="./ziyuan.html">资源</a> </div> <div class="bread-item"><a href="./video.html">视频</a> </div> </div>
|
||
</div>
|
||
|
||
|
||
<div class="movies1">
|
||
<div class="x-wrap">
|
||
<div class="t_head">
|
||
<div class="h30">资源</div> <div class="tab-box">
|
||
<a href="./shenbaozhinan.html" class="tab-link bp-border" ><div class="bp-inner">下载</div></a>
|
||
<a href="./video.html" class="tab-link bp-border cur" ><div class="bp-inner">视频</div></a>
|
||
<a href="./tuji_list.html" class="tab-link bp-border" ><div class="bp-inner">图集</div></a>
|
||
<a href=" http://localhost:8080" class="tab-link bp-border" ><div class="bp-inner">H5赏析</div></a>
|
||
</div> <div class="t_line"><div class="bd"></div></div>
|
||
</div>
|
||
<div class="screen-mod">
|
||
<div class="tab-box">
|
||
<a href="/video.html" class="tab-link bp-border cur" ><div class="bp-inner">视频</div></a> </div>
|
||
<div class="select-box">
|
||
<div class="select-mod" data-select-clickup="true">
|
||
<div class="select-bar bp-border" style="display: inherit;"><div class="select-btn bp-inner"><p class="select-val placeholder">类型</p></div>
|
||
<select class="select-native" >
|
||
<option value="0">类型</option>
|
||
<option value="98">展演</option><option value="99">讲座</option><option value="100">其他</option> </select>
|
||
</div>
|
||
<div class="select-cont">
|
||
<ul class="select-opts">
|
||
<li class="select-item" >全部</li>
|
||
<li class="select-item" data-id="98">展演</li><li class="select-item" data-id="99">讲座</li><li class="select-item" data-id="100">其他</li> </ul>
|
||
</div>
|
||
</div>
|
||
<div class="input-mod">
|
||
<div class="submit bp-border cur"><div class="bp-inner"><button id="submit" type="submit">搜索</button></div></div>
|
||
</div>
|
||
</div>
|
||
</div> <div class="waterfall" id="videotype">
|
||
<div class="wf-width"></div>
|
||
<div class="wf-space"></div>
|
||
<div class="msg"></div>
|
||
<div class="wf-item">
|
||
<a href="Uploads/Media/2022/12/02/2.mp4" target="_blank">
|
||
<div class="img">
|
||
<video muted="" src="Uploads/Media/2022/12/02/2.mp4" type="video/mp4" style="width: 100%;height: 100%;object-fit: cover;"></video>
|
||
<div class="play"></div> </div>
|
||
<div class="cont">
|
||
<div class="h16" title="">《新丝动三万里》</div>
|
||
|
||
<!-- <div class="p"></div>-->
|
||
</div>
|
||
</a>
|
||
</div><div class="wf-item">
|
||
<a href="Uploads/Media/2022/12/02/m63895da90bb55.mp4" target="_blank">
|
||
<div class="img">
|
||
<video muted="" src="Uploads/Media/2022/12/02/m63895da90bb55.mp4" type="video/mp4" style="width: 100%;height: 100%;object-fit: cover;"></video>
|
||
<div class="play"></div> </div>
|
||
<div class="cont">
|
||
<div class="h16" title="《大漠敦煌》">《大漠敦煌》</div>
|
||
|
||
<!-- <div class="p"></div>-->
|
||
</div>
|
||
</a>
|
||
</div><div class="wf-item">
|
||
<a href="Uploads/Media/2022/12/02/3afb05aabc31662d550f55f81f27c1e3.mp4" target="_blank">
|
||
<div class="img">
|
||
<video muted="" src="Uploads/Media/2022/12/02/3afb05aabc31662d550f55f81f27c1e3.mp4" type="video/mp4" style="width: 100%;height: 100%;object-fit: cover;"></video>
|
||
<div class="play"></div> </div>
|
||
<div class="cont">
|
||
<div class="h16" title="《丝绸之路》">《丝绸之路》</div>
|
||
|
||
<!-- <div class="p"></div>-->
|
||
</div>
|
||
</a>
|
||
</div><div class="wf-item">
|
||
<a href="Uploads/Media/2022/12/02/07ef5b5d569496a6f6d6428b80f26ccf.mp4" target="_blank">
|
||
|
||
<div class="img">
|
||
<video muted="" src="Uploads/Media/2022/12/02/07ef5b5d569496a6f6d6428b80f26ccf.mp4" type="video/mp4" style="width: 100%;height: 100%;object-fit: cover;"></video>
|
||
<div class="play"></div> </div>
|
||
<div class="cont">
|
||
<div class="h16" title="《甘肃》">《甘肃》</div>
|
||
|
||
<!-- <div class="p"></div>-->
|
||
</div>
|
||
</a>
|
||
</div><div class="wf-item">
|
||
<a href="Uploads/Media/2022/12/02/79fd53b48c5d7f422b3208ece8cd4c5b.mp4" target="_blank">
|
||
<div class="img">
|
||
<video muted="" src="Uploads/Media/2022/12/02/79fd53b48c5d7f422b3208ece8cd4c5b.mp4" type="video/mp4" style="width: 100%;height: 100%;object-fit: cover;"></video>
|
||
<div class="play"></div> </div>
|
||
<div class="cont">
|
||
<div class="h16" title="《丝路奇景》">《丝路奇景》</div>
|
||
|
||
<!-- <div class="p"></div>-->
|
||
</div>
|
||
</a>
|
||
</div><div class="wf-item">
|
||
<a href="Uploads/Media/2022/12/02/158f9da95465b43a5646521b21b10a6e.mp4" target="_blank">
|
||
<div class="img">
|
||
<video muted="" src="Uploads/Media/2022/12/02/158f9da95465b43a5646521b21b10a6e.mp4" type="video/mp4" style="width: 100%;height: 100%;object-fit: cover;"></video>
|
||
<div class="play"></div> </div>
|
||
<div class="cont">
|
||
<div class="h16" title="《古之丝路》">《古之丝路》</div>
|
||
|
||
<!-- <div class="p"></div>-->
|
||
</div>
|
||
</a>
|
||
</div> </div>
|
||
<div class="txtcenter"><a href="javascript:;" class="loader" id="look_more">加载更多</a></div> </div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
$(function(){
|
||
$('.waterfall .wf-item').each(function(idx, elm){
|
||
TweenMax.set(elm, {'transition-delay': idx * 0.3 + 's'});
|
||
});
|
||
|
||
var $grid = $('.waterfall').masonry({
|
||
itemSelector: '.wf-item',
|
||
columnWidth: '.wf-width',
|
||
gutter: '.wf-space',
|
||
transitionDuration: 0
|
||
});
|
||
|
||
$grid.imagesLoaded().always( function() {
|
||
$grid.masonry('layout');
|
||
});
|
||
|
||
$grid.masonry( 'on', 'layoutComplete', function() {
|
||
$('.waterfall').addClass('show');
|
||
});
|
||
|
||
// $('.loader').on('click', function(){
|
||
// var cloneItem = $('.wf-item').slice(0, 5).clone();
|
||
// $grid.append( cloneItem ).masonry( 'appended', cloneItem ).masonry();
|
||
// });
|
||
|
||
var more = "Array";
|
||
if (more==null) {
|
||
$("#look_more").css("display","none");
|
||
}
|
||
var page = 1;
|
||
//查看更多
|
||
$("#look_more").click(function(){
|
||
page = page + 1;
|
||
|
||
var params = {};
|
||
params.category_id = "39";//栏目id
|
||
params.page = page;//当前页数
|
||
params.limit = "9";//每页条数
|
||
$.get("/get/tuji/data.html" , params, function(data){
|
||
if ( data.links.total_pages == page) {
|
||
$("#look_more").hide();
|
||
}
|
||
if(data.list) {
|
||
$('.msg').html("");
|
||
var json = [];
|
||
for( var i = 0; i < data.list.length; i++ ){
|
||
var details = data.list[i];
|
||
var info = details.detail;
|
||
var title = info['title'].substr(0,19);
|
||
var title_all = info['title_all'];
|
||
var url = details.url;
|
||
var time = details.time;
|
||
if(info['img']){
|
||
var imgSrc = 'Uploads/'+info['img'];
|
||
}else{
|
||
var imgSrc = 'Public/static/images/default.png';
|
||
}
|
||
var imgTitle = info['img_title'];
|
||
var imgAlt = info['img_alt'];
|
||
var dom = '\
|
||
<div class="wf-item">\
|
||
<a href="'+url+'" target="_blank">\
|
||
<div class="img"><img src="'+imgSrc+'" alt="'+imgAlt+'" title="'+imgTitle+'"> <div class="play"></div></div>\
|
||
<div class="cont">\
|
||
<div class="h16" title="' + title_all + '">'+title+'</div>\
|
||
</div>\
|
||
</a>\
|
||
</div>\
|
||
';
|
||
json.push(dom);
|
||
var $content = $(dom);
|
||
$grid.append( $content ).masonry( 'appended', $content ).masonry();
|
||
$grid.imagesLoaded().always( function() {
|
||
$grid.masonry('layout');
|
||
});
|
||
};
|
||
|
||
}
|
||
});
|
||
|
||
});
|
||
//搜索
|
||
$("#submit").click(function () {
|
||
var type = $(".select-mod .selected").data('id');
|
||
if(type == null){
|
||
type = '39';
|
||
}
|
||
$("#videotype .wf-item").remove();
|
||
|
||
var params = {};
|
||
params.category_id = type;//栏目id
|
||
//params.page = page;//当前页数
|
||
params.page = 1;//当前页数
|
||
|
||
params.limit = "9";//每页条数
|
||
|
||
$.get("/get/tuji/data.html" , params, function(data){
|
||
page = 1;
|
||
if ( !data.links || data.links.down == null) {
|
||
$("#look_more").hide();
|
||
}else{
|
||
$("#look_more").show();
|
||
}
|
||
if(data.list) {
|
||
$('.msg').html("");
|
||
var json = [];
|
||
for( var i = 0; i < data.list.length; i++ ){
|
||
var details = data.list[i];
|
||
var info = details.detail;
|
||
var title = info['title'].substr(0,19);
|
||
var url = details.url;
|
||
var desc = info.desc.substr(0,90);
|
||
if(info['img']){
|
||
var imgSrc = 'Uploads/'+info['img'];
|
||
}else{
|
||
var imgSrc = 'Public/static/images/default.png';
|
||
}
|
||
var imgTitle = info['img_title'];
|
||
var imgAlt = info['img_alt'];
|
||
var dom = '\
|
||
<div class="wf-item">\
|
||
<a href="'+url+'" target="_blank">\
|
||
<div class="img"><img src="'+imgSrc+'" alt="'+imgAlt+'" title="'+imgTitle+'"> <div class="play"></div></div>\
|
||
<div class="cont">\
|
||
<div class="h16">'+title+'</div>\
|
||
</div>\
|
||
</a>\
|
||
</div>\
|
||
';
|
||
json.push(dom);
|
||
var $content = $(dom);
|
||
$grid.append( $content ).masonry( 'appended', $content ).masonry();
|
||
$grid.imagesLoaded().always( function() {
|
||
$grid.masonry('layout');
|
||
});
|
||
};
|
||
|
||
}else{
|
||
$('.msg').html("<div class='empty-data' style='text-align:center;font-size:18px;'><b>暂无数据</b></div>");
|
||
}
|
||
});
|
||
})
|
||
|
||
});
|
||
</script>
|
||
<div class="x-footer ">
|
||
<div class="about-site ">
|
||
<div class="x-wrap">
|
||
<div edit_params="title1Show%3D1%26title1Max%3D20%26showLink%3D1%26tabs%3D5"><div class="link">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="slot">
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
||
<script>
|
||
$(function(){
|
||
wx.config({
|
||
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
|
||
appId: "wx5577f01a4c41ec62", // 必填,公众号的唯一标识
|
||
timestamp: "1711162778", // 必填,生成签名的时间戳
|
||
nonceStr: "OnSJNHEYj2yYePk4", // 必填,生成签名的随机串
|
||
signature: "3f327ab736226e3084f5591923f098bb5a432f37",// 必填,签名
|
||
jsApiList: [
|
||
'updateTimelineShareData',
|
||
'updateAppMessageShareData',
|
||
|
||
] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
|
||
});
|
||
wx.error(function(res){
|
||
console.log("错误信息");
|
||
console.log(res);
|
||
console.log("错误信息");
|
||
});
|
||
wx.ready(function(){
|
||
var url = location.href.split('#')[0];
|
||
var domain = document.domain;
|
||
var url_type = location.protocol;
|
||
var img_url = url_type + "//"+domain;
|
||
var img = img_url +"Public/static/images/fakeimgs/icon1.png";
|
||
wx.checkJsApi({
|
||
jsApiList: ['updateTimelineShareData','updateAppMessageShareData'], // 需要检测的JS接口列表,所有JS接口列表见附录2,
|
||
success: function(res) {
|
||
console.log(res);
|
||
}
|
||
});
|
||
|
||
//分享
|
||
wx.updateAppMessageShareData({
|
||
title: "视频", // 分享标题
|
||
desc: "创旅丝路",
|
||
link: url,
|
||
imgUrl: img, // 分享图标
|
||
success: function () {
|
||
|
||
}
|
||
});
|
||
wx.updateTimelineShareData({
|
||
title: "视频", // 分享标题
|
||
desc: "创旅丝路",
|
||
link: url,
|
||
imgUrl: img, // 分享图标
|
||
|
||
trigger: function (res) {
|
||
|
||
},
|
||
success: function () {
|
||
|
||
},
|
||
cancel: function () {
|
||
}
|
||
});
|
||
//share(title, desc, link);
|
||
});
|
||
//分享
|
||
|
||
})
|
||
</script></body>
|
||
</html>
|
||
<script>
|
||
var fontCfg = { p:'RcBXTdTZfrUdQUpm', fonts: [ { fontName: 'FZQKBYSJW' , fontFamily: ['fzqkbysjw'] } ] };
|
||
var myFont = new FTFont(fontCfg);
|
||
</script>
|
||
<script>
|
||
var _hmt = _hmt || [];
|
||
(function() {
|
||
var hm = document.createElement("script");
|
||
hm.src = "https://hm.baidu.com/hm.js?48f745cc9872cc90f47b2b33eaa85e45";
|
||
var s = document.getElementsByTagName("script")[0];
|
||
s.parentNode.insertBefore(hm, s);
|
||
})();
|
||
</script>
|
||
<script>
|
||
var _hmt = _hmt || [];
|
||
(function() {
|
||
var hm = document.createElement("script");
|
||
hm.src = "https://hm.baidu.com/hm.js?af2ca88e2c7a0d358a5a1130270ea7cf";
|
||
var s = document.getElementsByTagName("script")[0];
|
||
s.parentNode.insertBefore(hm, s);
|
||
})();
|
||
</script>
|
||
|
||
<script>
|
||
var _hmt = _hmt || [];
|
||
(function() {
|
||
var hm = document.createElement("script");
|
||
hm.src = "https://hm.baidu.com/hm.js?e6bb642ef6aa358c8b7d9673479f38c7";
|
||
var s = document.getElementsByTagName("script")[0];
|
||
s.parentNode.insertBefore(hm, s);
|
||
})();
|
||
</script>
|