《原创》Typecho-handsome主题视频动态背景图-帅的批爆

网上有很多handsome背景都是动态粒子，想尝试一下视频背景的，找了一下网上没有相关资源，作为小白的我，尝试的写了一下

通过 HTML5 的 video 标签实现的视频背景页面。

其中 poster 属性指定了视频未加载或暂停时的预览图，autoplay 属性指定了视频自动播放，loop 属性指定了视频循环播放，muted 属性指定了视频静音。

按钮使用了 HTML 和 CSS 实现，点击播放按钮可以播放视频，点击静音按钮可以开启/关闭视频的声音。

浏览器限制，第一次打开网站不会播放视频，需要点击开始播放，后续就自动播放了，也添加了循环播放，与声音按钮。

鼠标右键勾选显示所有控件，可以全屏播放。

``开发者设置->自定义输出head 头部的HTML代码``

``透明模式更加``

博客：https://www.sangxuesheng.com/

若转载请留名，谢谢。

本文使用 文章同步助手 同步