html5 视频播放及border

代码如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>pad margin border</title>
	<style>
		#div_1{
			border:5px solid red;
			padding:25px
		}
		#div_2{
			border-style:solid;
			border-width:5px;
			border-color:green;
		}
		#video1{
			width:300px;
			height:200px;
			autoplay:true;
		}
	</style>
</head>
<body>
	<div id="div_1">
		<div id="div_2">
			内容
		</div>
	</div>
	<video width="320" height="240" controls>
	  <source src="mv.mp4" type="video/mp4">
	  您的浏览器不支持 HTML5 video 标签。
	</video>
</body>
</html>
知识点

1.边框border的属性可以连写

2.src是本地的mp4视频,网络的不支持


posted @ 2017-09-01 12:41  开往春天的拖拉机  阅读(129)  评论(0编辑  收藏  举报