Css AMP全页封面背景视频

我是一个AMP开发的新手，不能把我的脑袋放在布局上。我正在尝试创建全页封面背景视频

我尝试过

layout='responsive'

的变体，但在页面加载之前我不知道页面的高度，而且在页面加载之后我无法动态更新

width

或

height

prop。我基本上是在模拟

对象匹配

CSS道具<代码>对象匹配：封面显然由AMP CSS支持

我尝试在下面的代码段中使用

objectfit

，但没有效果。在代码片段中，使用

expected

div中的普通HTML5

video

标记显示预期行为

我的放大器页面
body{-webkit动画：-amp start 8s steps（1，end）0s1 normal tweet；-moz动画：-amp start 8s steps（1，end）0s1 normal tweet；-ms动画：-amp start 8s steps（1，end）0s1 normal tweet}@-webkit关键帧-amp start{从{可见性：隐藏}到{可见性：可见}}@-moz关键帧-amp start{from{可见性：隐藏}
* {
框大小：边框框；
}
.集装箱{
高度：100vh；
宽度：100vw；
边框：1px纯红；
位置：相对位置；
}
.视频{
对象匹配：覆盖；
高度：100vh；
位置：绝对位置；
} 
h1{
位置：绝对位置；
排名：0；
左：0；
z指数：2；
}
.预期{
显示：块；
}
预期

我想这就是你要找的

视频位于背景中，固定位置，如果需要，内容位于前景中

我的放大器页面
身体{
-webkit动画：-amp开始8s步骤（1，结束）0s 1正常两个步骤；
-moz动画：-amp开始8s步骤（1，结束）0s 1正常两个步骤；
-ms动画：-amp开始8s步骤（1，结束）0s 1正常两个步骤；
动画：-amp开始8s步骤（1，结束）0s 1正常两者
}
@-webkit关键帧-amp开始{
从{
可见性：隐藏
}
到{
可见性：可见
}
}
@-moz关键帧-amp开始{
从{
可见性：隐藏
}
到{
可见性：可见
}
}
@-ms关键帧-amp开始{
从{
可见性：隐藏
}
到{
可见性：可见
}
}
@-o关键帧-amp开始{
从{
可见性：隐藏
}
到{
可见性：可见
}
}
@关键帧-amp开始{
从{
可见性：隐藏
}
到{
可见性：可见
}
}
body{-webkit动画：无；-moz动画：无；-ms动画：无；动画：无}
* {
框大小：边框框；
}
.背景{
高度：100vh；
宽度：100vw；
边框：1px纯红；
位置：固定；
}
.内容持有者{
位置：相对位置；
背景色：#fff；
最大宽度：250px；
保证金：自动；
最小高度：2000px；
填充：10px；
}
.内容{
位置：相对位置；
}
这就是内容