H5:使用video标签在页面中插入视频

常用属性和值:
H5:使用video标签在页面中插入视频
例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			#div1 {
				background-color: blanchedalmond;
				height: 10%;
				width: 100%;
				position: fixed;
				z-index: 5;
				
			}

			#div3 {
				background-color: cornflowerblue;
				text-align: center;
				height: 60%;
				width: 100%;
			}
			#ul{
				text-align: center;
			}
			ul li {
				display: inline;
				margin-right: 50px;
			}	
			#video1{
				width:500px;
				height:350px;
				object-fit: fill;
			}
		</style>
	</head>
	<body>
		<div id="div1">
			<ul id="ul">
				<li><a href="">首页</a></li>
				<li><a href="">返回</a></li>
				<li><a href="">退出</a></li>
			</ul>
		</div>
		
		<div id="div3">
			<video id="video1" autoplay="autoplay" loop="-1" muted="true" controls="controls">
    			<source src="视频1.mp4" type="video/mp4" />
			</video>
		</div>
	</body>
</html>

这是使用video标签嵌入视频的一个简单例子。
video的详细用法可参考:video标签的用法

上一篇:堆及堆的相关操作


下一篇:用自定义IHttpModule实现URL重写