WordPress argon-theme主题背景视频设置

518次阅读
没有评论

共计 1017 个字符,预计需要花费 3 分钟才能阅读完成。

看效果,我只设置了夜间模式的视频

WordPress argon-theme 主题背景视频设置

后台:argon 主题选项 – 页脚

WordPress argon-theme 主题背景视频设置
<video
src="您的视频路径" /* 日常视频 */
class="bg-video bg-video-day"
autoplay=""loop="loop"muted=""
></video>
<video
src="https://diy.451263.com/wp-content/uploads/2024/08/index1.mp4" /* 夜间视频 */
class="bg-video bg-video-night"
autoplay=""loop="loop"muted=""
></video>
<style>
video.bg-video {
position: fixed;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100vw;
height: 100vh;
object-fit: cover;
pointer-events: none;
}
html.darkmode video.bg-video.bg-video-day {opacity: 0;}
html.darkmode video.bg-video.bg-video-night {opacity: 1;}
video.bg-video.bg-video-day {opacity: 1;}
video.bg-video.bg-video-night {opacity: 0;}
#banner,
#banner .shape {background: transparent !important;}
* {
font-family: "Comfortaa", "Open Sans", -apple-system, system-ui,
BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial,
"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
}
</style>
 
<script
src="https://api.gcxstudio.cn/odometer/odometer.min.js"
integrity="sha256-65R1G5irU1VT+k8L4coqgd3saSvO/Wufson/w+v2Idw="
crossorigin="anonymous"
></script>
正文完
 0
DIY
版权声明:本站原创文章,由 DIY 于2024-08-14发表,共计1017字。
转载说明:除特殊说明外本站文章皆由《DIY幕僚》协议发布,转载请注明出处。
评论(没有评论)