首页 美图 闪念

导航

加 · QQ 加 · 微信 朋友圈

 留言
博主头像 wdyo

独乐乐不如众乐乐！

Typecho添加视频动态背景图

  • 无毒有藕 丨2024年11月20日 丨318阅读 丨1评论

    • 通过 HTML5 的 video 标签实现的视频背景页面。
    其中 poster 属性指定了视频未加载或暂停时的预览图，autoplay 属性指定了视频自动播放，loop 属性指定了视频循环播放，muted 属性指定了视频静音。
    按钮使用了 HTML 和 CSS 实现，点击播放按钮可以播放视频，点击静音按钮可以开启/关闭视频的声音。

    浏览器限制，第一次打开网站不会播放视频，需要点击开始播放，后续就自动播放了，也添加了循环播放，与声音按钮。
    鼠标右键勾选显示所有控件，可以全屏播放。

    代码有静音按键

    代码无静音按键

    0赞
    打赏
    typecho教程
    发布作者： 无毒有藕
    本文链接： https://www.lqun.cn/44.html
    作品采用： 《 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 》许可协议授权

    —— 评论区 ——

    昵称
    邮箱
    网址
    取消
    1. 头像
      无毒有藕 博主
      GNU/Linux   Google Chrome 108
      回复

      这个效果不错，可以试试！

    站点公告

    联系ＱＱ：136391720

    交流Ｑ群：312955095

    加好友请备注来意，否则禁止通过！

    人生倒计时
    最新评论
    热门文章
    1. 1 Typecho后台登陆注册合一 手机端自适应源码
      Typecho后台登陆注册合一 手机端自适应源码
      1068 阅读 - 11/08
    2. 2 Typecho使用Redis缓存，优化访问速度
      Typecho使用Redis缓存，优化访问速度
      753 阅读 - 11/12
    3. 3 Typecho数据库自动备份插件
      Typecho数据库自动备份插件
      583 阅读 - 11/26
    标签云
    舔狗日记

    2024 - 2025 ©版权所有 学习群 豫ICP备11011490号-4

    本站由 Typecho 强力驱动丨搭配 Xc 主题使用

    总访问：6,028 次丨当前在线：1 人丨加载页面耗时：67 ms