通过 HTML5 的 video 标签实现的视频背景页面,按钮使用HTML和CSS实现,点击播放按钮可以播放视频,点击静音按钮可以开启/关闭视频的声音。同时,由于是视频背景的缘故,手机兼容性问题就需要大家自行调整了。另外,由于是视频的缘故,没有套cdn和服务器宽带小的小伙伴就不用瞎折腾了。
废话不多说,代码送上,代码中视频链接自行修改。
有静音按键
将代码直接丢入头部标签中。
无静音按键
效果如下
{cat_video url="https://www.yszwbk.com/usr/uploads/2024/01/2044402838.mp4"}
原作者
代码原作者:All in the game