video-template-5

This commit is contained in:
make
2025-05-11 01:31:17 +08:00
parent 309c4ed098
commit dcde3b826c
40 changed files with 4166 additions and 1216 deletions

View File

@@ -0,0 +1,309 @@
/*!
* v3.0 Copyright 2016-2018 http://v.shoutu.cn
* Email 726662013@qq.com
*/
if (window.console && window.console.log) {
}
var playerhigh = "1";
//是否开启播放器高度自适应0关闭1开启开启后将播放器设置100%关闭填写固定高度)
var lazyswitch = "1";
//是否开启图片懒加载0关闭1开启关闭后会通过js直接加载图片速度较慢
var playcolumn = "0";
//是否开启有序播放列表0关闭3、6、8、10、12开启并指定列数数字代表每行列数手机强制4列
var qrcode1 = "1";
//右侧悬浮二维码1自动生成当前页面二维码填写路径将加载指定图片建议尺寸150*150px/statics/img/wxcode.png
var qrcode2 = "1";
//内容页二维码1自动生成当前页面二维码填写路径将加载指定图片建议尺寸160*160px/statics/img/wxcode.png
var copyshort = "0"
//是否开启自动生成短链接0关闭1开启开启后点击分享按钮将会复制短链否则复制默认链接
var baidushare = "";
//是否开启百度分享0关闭启用本地分享填写/statics/api/js/share.js启用官网分享填写http://bdimg.share.baidu.com/static/api/js/share.js不支持https
var stui = {
'browser': {//浏览器
url: document.URL,
domain: document.domain,
title: document.title,
language: (navigator.browserLanguage || navigator.language).toLowerCase(),
canvas: function () {
return !!document.createElement("canvas").getContext
}(),
useragent: function () {
var a = navigator.userAgent;
return {
mobile: !!a.match(/AppleWebKit.*Mobile.*/),
ios: !!a.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
android: -1 < a.indexOf("Android") || -1 < a.indexOf("Linux"),
iPhone: -1 < a.indexOf("iPhone") || -1 < a.indexOf("Mac"),
iPad: -1 < a.indexOf("iPad"),
trident: -1 < a.indexOf("Trident"),
presto: -1 < a.indexOf("Presto"),
webKit: -1 < a.indexOf("AppleWebKit"),
gecko: -1 < a.indexOf("Gecko") && -1 == a.indexOf("KHTML"),
weixin: -1 < a.indexOf("MicroMessenger")
}
}()
},
'mobile': {//移动端
'popup': function () {
$popblock = $(".popup");
$(".open-popup").click(function () {
$popblock.addClass("popup-visible");
$("body").append('<div class="mask"></div>');
$(".close-popup").click(function () {
$popblock.removeClass("popup-visible");
$(".mask").remove();
$("body").removeClass("modal-open")
});
$(".mask").click(function () {
$popblock.removeClass("popup-visible");
$(this).remove();
$("body").removeClass("modal-open")
})
})
},
'slide': function () {
$(".type-slide").each(function (a) {
$index = $(this).find('.active').index() * 1;
if ($index > 3) {
$index = $index - 3;
} else {
$index = 0;
}
$(this).flickity({
cellAlign: 'left',
freeScroll: true,
contain: true,
prevNextButtons: false,
pageDots: false,
initialIndex: $index
});
})
},
'mshare': function () {
$(".open-share").click(function () {
stui.browser.useragent.weixin ? $("body").append('<div class="mobile-share share-weixin"></div>') : $("body").append('<div class="mobile-share share-other"></div>');
$(".mobile-share").click(function () {
$(".mobile-share").remove();
$("body").removeClass("modal-open")
})
})
}
},
'images': {//图片处理
'lazyload': function () {
if (lazyswitch == 1) {
$(".lazyload").lazyload({
effect: "fadeIn",
threshold: 200,
failurelimit: 15,
skip_invisible: false
})
} else {
$(".lazyload").each(function () {
var original = $(this).attr("data-original");
$(this).css("background-image", "url(" + original + ")");
$(this).attr("data-original", "");
if ($(this).attr("src") != undefined) {
$(this).attr("src", original)
}
});
}
},
'carousel': function () {
$('.carousel_default').flickity({
cellAlign: 'left',
contain: true,
wrapAround: true,
autoPlay: true,
prevNextButtons: false
});
$('.carousel_wide').flickity({
cellAlign: 'center',
contain: true,
wrapAround: true,
autoPlay: true
});
$('.carousel_center').flickity({
cellAlign: 'center',
contain: true,
wrapAround: true,
autoPlay: true,
prevNextButtons: false
});
$('.carousel_right').flickity({
cellAlign: 'left',
wrapAround: true,
contain: true,
pageDots: false
}); // 补上右括号和分号
},
'qrcode': function () {
if (qrcode1 == 1) {
if ($("#qrcode").length) {
var qrcode = new QRCode('qrcode', {
text: stui.browser.url,
width: 150,
height: 150,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H
});
$("#qrcode img").attr("class", "img-responsive")
}
} else {
if ($("#qrcode").length) {
$("#qrcode").append("<img class='img-responsive' src='" + qrcode1 + "' width='150' height='150' />")
}
}
if (qrcode2 == 1) {
if ($("#qrcode2").length) {
var qrcode = new QRCode('qrcode2', {
text: stui.browser.url,
width: 160,
height: 160,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H
});
$("#qrcode2 img").attr("class", "img-responsive").css("display", "inline-block");
}
} else {
if ($("#qrcode2").length) {
$("#qrcode2").append("<img class='img-responsive' src='" + qrcode2 + "' width='160' height='160' />")
}
}
}
},
'common': {//公共基础
'bootstrap': function () {
$('a[data-toggle="tab"]').on("shown.bs.tab", function (a) {
var b = $(a.target).text();
$(a.relatedTarget).text();
$("span.active-tab").html(b)
})
},
'headroom': function () {
if ($("#header-top").length) {
var header = document.querySelector("#header-top");
var headroom = new Headroom(header, {
tolerance: 5,
offset: 205,
classes: {
initial: "top-fixed",
pinned: "top-fixed-up",
unpinned: "top-fixed-down"
}
});
headroom.init();
}
},
'history': function () {
if ($("#stui_history").length) {
if ($.cookie("recente")) {
var json = eval("(" + $.cookie("recente") + ")");
var list = "";
for (i = 0; i < json.length; i++) {
list = list + "<li class='top-line'><a href='" + json[i].vod_url + "' title='" + json[i].vod_name + "'><span class='pull-right text-red'>" + json[i].vod_part + "</span>" + json[i].vod_name + "</a></li>";
}
$("#stui_history").append(list);
}
else
$("#stui_history").append("<p style='padding: 80px 0; text-align: center'>您还没有看过影片哦</p>");
$(".historyclean").on("click", function () {
$.cookie("recente", null, { expires: -1, path: '/' });
})
}
},
'collapse': function () {
if ($(".detail").length) {
$(".detail").find("a.detail-more").on("click", function () {
$(this).parent().find(".detail-sketch").addClass("hide");
$(this).parent().find(".detail-content").css("display", "");
$(this).remove();
})
}
},
'scrolltop': function () {
var a = $(window);
$scrollTopLink = $("a.backtop");
a.scroll(function () {
500 < $(this).scrollTop() ? $scrollTopLink.css("display", "") : $scrollTopLink.css("display", "none")
});
$scrollTopLink.on("click", function () {
$("html, body").animate({
scrollTop: 0
}, 400);
return !1
})
},
'copylink': function () {
if (copyshort == 1) {
if ($(".copylink").length) {
$.ajax({
type: 'GET',
url: 'https://api.weibo.com/2/short_url/shorten.json?source=2849184197&url_long=' + encodeURIComponent(stui.browser.url),
dataType: 'JSONP',
success: function (r) {
url_short = r.data.urls[0].url_short;
var clipboard = new Clipboard('.copylink', {
text: function () {
return url_short;
}
});
clipboard.on('success', function (e) {
alert("地址复制成功,赶快分享给小伙伴吧!");
});
}
});
}
} else {
if ($(".copylink").length) {
var url_short = stui.browser.url;
var clipboard = new Clipboard('.copylink', {
text: function () {
return url_short;
}
});
clipboard.on('success', function (e) {
alert("地址复制成功,赶快分享给小伙伴吧!");
});
}
}
},
'share': function () {
if (baidushare != 0) {
$(".share").html('<span class="bds_shere"></span><a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a class="bds_bdhome" data-cmd="bdhome" title="分享到百度新首页"></a><a class="bds_tqf" data-cmd="tqf" title="分享到腾讯朋友"></a><a class="bds_youdao" data-cmd="youdao" title="分享到有道云笔记"></a><a class="bds_more" data-cmd="more" title="更多"></a>');
window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "24" }, "share": {} }; with (document) 0[(getElementsByTagName("head")[0] || body).appendChild(createElement('script')).src = '' + baidushare + '?cdnversion=' + ~(-new Date() / 36e5)];
}
}
}
};
$(document).ready(function () {
if (stui.browser.useragent.mobile) {
stui.mobile.slide();
stui.mobile.popup();
stui.mobile.mshare();
}
stui.images.lazyload();
stui.images.carousel();
stui.images.qrcode();
stui.common.bootstrap();
stui.common.headroom();
stui.common.history();
stui.common.collapse();
stui.common.scrolltop();
stui.common.copylink();
stui.common.share();
});