前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >《原创》handsome视频动态背景图-帅的批爆

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

作者头像
听闻所见
发布2023-08-02 13:42:17
2280
发布2023-08-02 13:42:17
举报
文章被收录于专栏:听闻

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

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

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

开发者设置->自定义输出head 头部的HTML代码 透明模式更加

代码,有静音按键

此处内容需要评论回复后(审核通过)方可阅读。

代码,无声音按键

此处内容需要评论回复后(审核通过)方可阅读。

若转载请留名,谢谢。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-06-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档