• 🌻Sunny3! 使用手册
    • 📄主题购买 & 激活
    • 📄SourceGuardian组件安装小指南
    • 📄主题安装、更新、及使用建议
    • 📑主题设置说明
      • 📄微信公众号功能说明(基础·3.0新)
      • 📄微信公众号功能说明(3.0进阶)
      • 📄腾讯地理位置API的设置(3.0)
      • 📄和风天气API的设置(3.0)
      • 📄主题配套浏览器插件(3.0)
      • 📄自定义板块(页面)以及自定义分类模板的说明(3.3)
      • 📄文章底部附加信息的说明(3.2·3.4)
      • 📄AI摘要使用(3.8)
      • 📄微信/浏览器插件发送说说内容时添加标题(3.11)
      • 📄微信发送说说内容时选择分类和添加标签(3.12)
    • ❓常见问题排查(QA)
    • 🎊扩展技巧
      • 📄如何优雅地使用Sunny3.0?
      • 📄在Sunny主题右上角加上一个音乐菜单按钮
      • 📄Sunny主题添加自定义启动画面
      • 📄Sunny主题添加视频背景
      • 📄Sunny主题如何替换为图片表情包
    • 📔更新日志
Sunny3! 使用手册扩展技巧

Sunny主题添加视频背景

访问次数 181 次创建时间 2026-06-22 21:44
  1. 背景视频:

在“主题设置--自定义body标签”中填入:

<video autoplay muted loop style="opacity: 0.5;position: fixed;right: 0;bottom: 0;min-width: 100%;min-height: 100%;z-index: -1;"><source src="https://xxx.mp4" type="video/mp4"></video>

‍

‍

  1. 顶部视频:

在“主题设置--自定义js”中填入:

$('.cat_top').prepend('<video autoplay muted loop style="position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; border-radius: var(--radius);"><source src="https://xxx.mp4" type="video/mp4"></video>');

‍

‍

替换其中的视频地址就好了

评论

0 条评论

暂无评论,欢迎第一个留言。

回复评论
举报内容
由 b8l8u8e8 提供支持