css如何让视频居中

html-css06

css如何让视频居中,第1张

<html>

<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