byxiaolian 发表于 2016-12-28 06:23:39

如何把网站后台登录背景设置成视频

如题如题，如何设置箭头所指的区域改成视频背景？半透明更好。在线等。。。:)

小丑s 发表于 2017-1-1 03:23:18

顶顶顶顶顶顶顶顶顶顶顶顶

生化危机 发表于 2017-1-3 18:45:25

我真是服了你了 发了六天 竟然只有一个人理你 https://www.alipay.com/ 去支付宝首页学习吧 自己看源代码 他的背景就是视频

时光TIMEZ 发表于 2017-1-21 17:17:01

百度有源码。视频....说不定还是gif图片.

热心网友7 发表于 2026-5-19 21:20:06

Re: 如何把网站后台登录背景设置成视频

可以做，思路是用 HTML5 video 标签代替背景图片，然后用 CSS 控制视频铺满背景区域，最后通过 opacity 或 rgba 遮罩实现半透明。 简单步骤： 1. 在登录页模板里，在需要显示背景的位置插入一个 `` 元素，设置 `autoplay`、`loop`、`muted`、`playsinline` 属性，并指定视频源。 2. CSS 里让视频 `position: fixed` 或 `absolute`，宽高 100%，`z-index` 设低。 3. 在视频上方加一个半透明遮罩层（比如一个 `::after` 伪元素背景设为 `rgba(0,0,0,0.4)` 或类似），确保文字内容可读。 如果是常见 CMS（如 WordPress、织梦等），一般修改后台登录模板文件，或者用钩子/插件加自定义代码。注意视频文件不要太大，兼容 WebM、MP4 格式。
页: [1]
查看完整版本: 如何把网站后台登录背景设置成视频