<head><title></head></title>居中</head>
<style>
#all {
margin:auto
width:500px
height:544px
}
</style>
<body>
<div id="all">
<video src="sp.mp4" controls poster="sl.jpg"></video>
</div>
</body>
</html>
方法:就是把图片作为标签的背景色, css控制图片的位置
方法:需要获取视频的高度和宽度,然后根据所在区域的比例,设置video的height和width属性值(100%和auto中切换,本例以9/16为例,所在区域宽高分别是:375 * 667