![{$file['filename']}](/img/beauty/lazy.svg)
@@ -224,8 +228,26 @@ eof;
eof;
+ }else if (in_array($file['extension'], $videoExts)) { //输出视频
+ $videoUrl = urlencode($file['path']);
+ echo <<![{$file['filename']}](/img/beauty/video_snap.jpg)
+
+
+ {$title}
+
+
+
+
+eof;
+ }
+
+
} else {
- echo <<
+
+
+ {$title}
+
+
+
+
+eof;
+ }
}
$index++;
diff --git a/themes/beauty/views/site/player.php b/themes/beauty/views/site/player.php
new file mode 100644
index 0000000..474ed3a
--- /dev/null
+++ b/themes/beauty/views/site/player.php
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/www/css/beauty.css b/www/css/beauty.css
index 3cb7392..a8ad0cd 100644
--- a/www/css/beauty.css
+++ b/www/css/beauty.css
@@ -75,7 +75,7 @@ a:link{text-decoration:none}
.im_img:hover{transform:scale(1.03)}
.im_item{padding:5px;height:16vw;overflow:hidden}
.im_item>a{overflow: hidden;display:block;position:relative;width: 100%;height: 100%}
-.im_img_title{background:rgba(7, 7, 7, .1);position:absolute;left:0;right:0;bottom:0;top:0;color:#DDD;border-radius:10px}
+.im_img_title{background:rgba(7, 7, 7, .1);position:absolute;left:0;right:0;bottom:0;top:0;color:#EEE;border-radius:10px}
.im_img_title span{position:absolute;bottom:10px;left:10px;margin-right:10px;font-weight:bold;padding:3px;border:solid 1px #DDD;border-radius:6px;font-size:13px}
.im_img_title .right-bottom{left:auto;right:5px;bottom:5px;margin-right:0;padding:0 2px;font-size:11px;border:0 none;font-weight:300;color:#CCC}
.im_img_title img{vertical-align:bottom}
@@ -123,6 +123,10 @@ a:link{text-decoration:none}
#qrimg{width:160px;height:160px;margin:0 auto 20px auto;background-color:#FFF;padding:5px;border:1px solid #EEE;border-radius:5px}
+.videoplayer{max-width:800px;margin:0 auto;text-align:center}
+.videoplayer video{width:100%}
+.videotitle{max-width:600px;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}
+
@media screen and (max-width: 1199px) {
.im_item {
height: 23vw;
@@ -144,6 +148,7 @@ a:link{text-decoration:none}
.img_main{margin-left:0}
.pagination>li>a, .pagination>li>span{padding:3px 7px}
+ .videotitle{max-width:55%}
}
@keyframes musicTurn {
diff --git a/www/img/beauty/video_dir.png b/www/img/beauty/video_dir.png
new file mode 100644
index 0000000..817573b
Binary files /dev/null and b/www/img/beauty/video_dir.png differ
diff --git a/www/img/beauty/video_snap.jpg b/www/img/beauty/video_snap.jpg
new file mode 100644
index 0000000..0b79a1a
Binary files /dev/null and b/www/img/beauty/video_snap.jpg differ
diff --git a/www/js/beauty.js b/www/js/beauty.js
index 2422697..6540adf 100644
--- a/www/js/beauty.js
+++ b/www/js/beauty.js
@@ -65,123 +65,124 @@ if ($('#image_site').get(0)) {
}, 500);
});
+}
- // 白天黑夜模式切换
- var saveLanpnumToLocalstorage = function(lanpnum) {
- try {
- var key = 'user_lanpnum';
- localStorage.setItem(key, lanpnum);
- }catch(err) {
- console.error('保存本地存储失败', err);
- }
- };
-
- var getLanpnumFromLocalstorage = function() {
- try {
- var key = 'user_lanpnum';
- return localStorage.getItem(key);
- }catch(err) {
- console.error('保存本地存储失败', err);
- }
-
- return false;
- };
-
- var toggleLampshow = function(lanpnum) {
- if (lanpnum == 1) {
- $('#markdowncss').attr('href', '/css/github-markdown-dark.css');
- $(document.body).addClass('lampshow');
- $('#image_site .navbarJS').removeClass('navbar-default').addClass('navbar-inverse'); // 导航栏用bootstrap主题切换
- } else if (lanpnum == 0) {
- $('#markdowncss').attr('href', '/css/github-markdown-light.css');
- $(document.body).removeClass('lampshow');
- $('#image_site .navbarJS').addClass('navbar-default').removeClass('navbar-inverse');
- }
- };
- var lanpnum = getLanpnumFromLocalstorage();
- if (lanpnum !== false) {
- toggleLampshow(lanpnum);
+// 白天黑夜模式切换
+var saveLanpnumToLocalstorage = function(lanpnum) {
+ try {
+ var key = 'user_lanpnum';
+ localStorage.setItem(key, lanpnum);
+ }catch(err) {
+ console.error('保存本地存储失败', err);
+ }
+};
+
+var getLanpnumFromLocalstorage = function() {
+ try {
+ var key = 'user_lanpnum';
+ return localStorage.getItem(key);
+ }catch(err) {
+ console.error('保存本地存储失败', err);
}
- $('#image_site .lampJS').click(function () {
- lanpnum = !lanpnum || lanpnum != 1 ? 1 : 0;
- toggleLampshow(lanpnum);
- saveLanpnumToLocalstorage(lanpnum);
- });
- //异步加载目录的封面图
- $('.dir_item').each(function(index, el) {
- var cid = $(el).attr('data-cid'), id = $(el).attr('data-id');
- if ($(el).find('.im_img').length == 0) {
- $.ajax({
- url: '/site/dirsnap',
- method: 'POST',
- dataType: 'json',
- data: {
- cid: cid,
- id: id
- }
- }).done(function(data) {
- if (data.code == 1 && data.url) {
- $(el).find('.im_img_title').before('