视频做背景

原创 2016年08月29日 15:32:03
<!doctype html><!--声明当前文档为html文档-->
<html lang="en"><!--语言为英语-->
	<head><!--头部-->
		<meta charset="UTF-8"><!--字符编码:utf-8国际编码  gb2312中文编码-->
		<meta name="Keywords" content="关键词">
		<meta name="Description" content="描述">
		<title>Document</title>
		<style>/*css样式表的衣柜*/
			html,body,video,ul,li,div{
				margin:0px;
				padding:0px;
			}
			/*让视频沾满整个屏幕*/
			#bgvid { 
				position:fixed; 
				right:0; 
				bottom:0;
				min-width:100%;
				min-height:100%;
				width:auto; height:auto; 
				z-index:-100;
			}
			li{
				list-style:none;
			}
			#header{
				width:600px;
				height:50px;
			}
			#header ul li{
				background:rgba(100,100,100,0.5);
				width:100px;
				height:30px;
				color:#f60;
				font-weight:bold;
				font-size:20px;
				line-height:30px;
				float:left;
				text-align:center;
				margin-left:5px;
				cursor:pointer;
			}
			#main{
				width:100%;
				height:1500px;
				border:2px solid red;
				box-sizing:border-box;
			}
		</style>
	</head>

	<body><!--身体-->
		<video autoplay loop  id="bgvid">
			  <source src="sp2.webm" type="video/webm">
			  <source src="sp2.mp4" type="video/mp4">
		</video>
		<div id="header"> 
				<ul>
					<li>1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
					<li>5</li>
				</ul>
		</div>
		<div id="main"></div>
		<script>

		</script>
	</body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

Android设置视频背景

闲来蛋疼,模仿了一下APP,要用视频作为背景的。 后来在网上捣鼓了一下,最后把经验分享给大家,当然  有更好的建议的欢迎在下方留言 先上一下效果图哈,当然,GIF图片可能看起来会有点卡,实际效果是不卡...

全屏背景视频和混合模式文本的实现

全屏背景视频和混合模式文本的实现

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

Android视频背景,动态背景,Android用视频做背景的轻松实现

之前有看过Keep里面不错的登陆页面的视频背景效果,做项目的时候,客户也提出了这个需求,网上找了很多,有的也很好,但很多不是很完整。 工作之余,把这个小Demo整理一下,方便日后使用先看看效果注意事...

原创安卓手机QQ7.0登录界面动态背景视频实现方案

qq7.0登录界面动态背景实现 qq7.0登录界面动态视频背景实现 android动态视频背景 android动态背景分析qq7.0:视频在打开登录界面就开始播放 了,而且期间无黑屏 而且是循环...

目标检测中背景建模方法

最近一直在做前景检测方面的研究,刚开始主要是做一些工程性的应用,为了解决工程方面的问题,下了不少功夫,也看了不少最近国内外的文章。一直想做个总结,拖着拖着,终究却写成这篇极不成功的总结。      背...

cocos2d-x实现视频做背景层-安卓版

首先列出参考资料 主题 : Cocos2d-X 3.2添加视频背景 http://www.cocoachina.com/bbs/read.php?tid-235430-page-1.html 主题 :...

使用SurfaceView和MediaPlayer实现视频做为背景

场景:像我们在Uber应用开场,看到一一段视频作为开始,这样子让用户很快投入应用使用的场景中去,这种以视频作为开场的应用,我们是不是觉得很高大上呢,哈哈,其实是使用了SerfaceView去加载一段小...

绿幕换背景、绿幕视频实时换背景

绿幕抠像技术目前技术已经很成熟,大多应用与VR环境、影视、照相合成领域,目前大多都需要调节很多的参数,基于这个考虑,我一直在研究自动绿幕抠图的方法,技术上的瓶颈很是很多,希望大家一起交流。

QCAR配置视频背景的大小

@implementation SampleApplicationSession // Configure QCAR with the video background size - (v...

图像/视频背景建模

最近一直在看图像前景提取相关的东西,来做个整理。 个人理解可以分为两个方向: 背景建模角度 前景特征角度 一是从如何构造出更合理的背景表达形式出发,不考虑一个像素点作为前景点该具备的特质; 二...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)