https://jsfiddle.net/jxtzjv6k/

直接给你个例子看- -跟你给的那个链接的网站完全一样的原理和写法，
图片容器的父容器的宽度是33.333...%，高度是before用padding-top:100%撑开的，100%就是直接根据【上级宽度】的数值计算的，所以这样只能撑出个正方形，需要长方形改变padding-top：50%这样使用上一级50%的宽度作为高度就行了- -

background-size:cover这是一条C3的属性,可以自适应背景图.

可以在楼上的基础上再加一句background-position-x: center;

看了源代码，感觉不是背景图把p撑大的，而是在加了伪对象选择符::before，然后通过设置内填充将p本身也撑大的，然后就能显示背景图了

大概是这样的

p::before{
            content: "";
            display: block;
            padding-bottom: 36.111%;
        }

而楼上所说的 background-size:cover 只是让图片把整个p填充满，并不能撑大p

.container-video 的样式中有min-height:400px 和 ::before 设置了内边距, 两个共同作用的结果