diff --git a/themes/Ying/assets/css/main.css b/themes/Ying/assets/css/main.css index 725a76b3..510926bb 100644 --- a/themes/Ying/assets/css/main.css +++ b/themes/Ying/assets/css/main.css @@ -5711,12 +5711,23 @@ a.link-card:hover .link-card-arrow { color: var(--accent, #3b82f6) !important; } -/* ==================== 视频样式(简约风格) ==================== */ +/* ==================== 视频样式(Amigo 风格) ==================== */ .video-wrap { margin: 1.5rem 0; } +/* GIF 模式:透明背景,图片显示 */ +.gif-image { + display: block; + max-width: 100%; + height: auto; + border-radius: 12px; + margin: 0 auto; + background: transparent; +} + +/* 视频播放器 */ .video-player { position: relative; width: 100%; @@ -5845,17 +5856,6 @@ a.link-card:hover .link-card-arrow { color: #9ca3af; } -/* GIF 模式:自动播放、循环、无控制栏 */ -.video-player.gif-mode { - cursor: default; -} - -.video-player.gif-mode video { - width: 100%; - max-height: 500px; - object-fit: contain; -} - [data-theme="dark"] .video-player { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); } diff --git a/themes/Ying/layouts/shortcodes/video.html b/themes/Ying/layouts/shortcodes/video.html index 28d45c6c..1dbb0297 100644 --- a/themes/Ying/layouts/shortcodes/video.html +++ b/themes/Ying/layouts/shortcodes/video.html @@ -1,8 +1,9 @@ {{/* - 视频嵌入 shortcode(简约风格) + 视频嵌入 shortcode(Amigo 风格) 用法: {{< video src="xxx.mp4" >}} {{< video src="xxx.mp4" poster="cover.jpg" caption="说明" >}} + {{< video src="xxx.gif" loop="true" muted="true" >}} ← GIF 模式 {{< bilibili BV1xx411c7mD >}} {{< youtube dQw4w9WgXcQ >}} */}} @@ -46,30 +47,47 @@ {{ $videoSrc = printf "/%s/%s" .Page.Slug $src }} {{ end }} -