和 使用纯 CSS？
" /> 和
使用纯 CSS？
" />
为
等元素实现一致的“背景大小：封面”效果video> 和 一直是一个长期的挑战。
示例：
<code class="css">.parent-element-to-video {
overflow: hidden;
}
video {
height: 100%;
width: 177.77777778vh; /* 100 * 16 / 9 */
min-width: 100%;
min-height: 56.25vw; /* 100 * 9 / 16 */
}</code>居中视频：
<code class="css">.parent-element-to-video {
position: relative;
}
video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}</code>以上是如何用纯CSS实现
