首页
短网址 ea.dog
数据
集锦
交易员热榜
VIP
加密
休闲
ChatGPT
✓
使用“Bing”搜索
✓
使用“Google”搜索
✓
使用“百度”搜索
✓
使用“搜狗”搜索(推荐)
✓
站内搜索
立即登录
免费注册
财经日历
市场快讯
实时波动
投机情绪
大盘云图
今日热点
每日壁纸
运动下吧
外汇ea之家
»
节点
›
管理版务区
›
网站日记
›
用视频做网页的背景
赞
评论
收藏
分享
用视频做网页的背景
admin
|
820 人阅读
|
0 人评论
|
2021-03-14
在网页加入代码:
[pre]<video autoplay loop muted poster="bg.jpg" id="bgvid">
<source src="polina.webm" type="video/webm">
<source src="polina.mp4" type="video/mp4"></video>
[/pre]
这里摆放视频格式的顺序很重要,因为有些版本的谷歌浏览器里,如果.webm格式的视频放在了其他视频后面,视频将无法播放。
我们使用视频的第一帧图像作为视频的封面图片,这样,当背景视频一旦加载完成,我们可以看到很流畅的从图片过度到背景视频播放。
在css里添加:
[pre]
body {
margin: 0;
padding: 0;
outline: 0;
}
video#bgvid {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background: url(polina.jpg) no-repeat;
background-size: cover; }
[/pre]
一些老式的浏览器无法播放这种格式的视频,但它们仍然识别<video>标记(除了IE8/6)。对于这些浏览器,我们使用了background-image来弥补它们的不支持,使用的图片就是视频的封面图片。
""
打赏
还没有人打赏,支持一下
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
高级模式
您需要登录后才可以回帖
登录
|
注册
QQ登录
微信登录
发表评论
EA之家评论守则
🔥一元一月的高品质VPS,真香!
广告
3个月翻95倍,一次一单。点击即可了解
广告
实战10个月8倍利润, 稳健趋势EA , 一次一单!
广告
VIP专享
更多
NO
1
Lion Gold 狮子黄金交易ea,MT4和MT5版本
NO
2
10本关于macd的技术图书
NO
3
拐点交易策略等5本经典图书
NO
4
会平仓的才是师傅,这个指标帮你抓住平仓时
NO
5
箱体sqDynamicBreakoutBox.ex4 很不错的突
NO
6
趋势信号指标【很精准的箭头】
NO
7
EXODUS 交易系统,100%没有未来函数
NO
8
真正可以用的Reversal Diamond指标,没有未
admin
发表主题