视频做背景

原创 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>

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

相关文章推荐

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

首先列出参考资料 主题 : Cocos2d-X 3.2添加视频背景 http://www.cocoachina.com/bbs/read.php?tid-235430-page-1.html 主题 :...
  • glunoy
  • glunoy
  • 2016年09月29日 15:56
  • 1207

常见的activity动态视频背景

  • 2017年11月21日 16:28
  • 69.09MB
  • 下载

模仿QQ背景为视频的登录页

模仿QQ有一版的登录页背景是视频,当时觉得很炫酷,这周得空儿把苹果的AVFoundation大致看了一下,然后模仿着效果写了一个小的Demo,代码很少,很好理解。本文中对AVPlayer只是皮毛上的应...
  • xwb0714
  • xwb0714
  • 2017年08月04日 13:42
  • 237

html5响应式视频背景特效

  • 2017年08月22日 11:15
  • 286KB
  • 下载

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

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

中央电视台最常用的 100 首经典背景乐曲(视频制作音乐推荐) 2009-05-12 17:31:47

有一种旋好象一见钟情的意中人,让你知道什么叫“曾经沧海难为水,除却巫山不是云”;有一种旋律好似相思成灾的恋人,让你体会什么叫“衣带渐宽终不悔,为伊消得人憔悴”;有一种旋律恰似相恨见晚的知音,让你感慨什...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:视频做背景
举报原因:
原因补充:

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