Html 只需要一点验证，如何适应一个背景视频适合屏幕覆盖文本

我无法使背景视频适合所有设备和浏览器的屏幕。不知何故，我在chrome浏览器上完全成功了。早些时候，它在chrome浏览器的两侧进行剪辑。现在我意识到它在chrome上很好，但在IE edge上问题依然存在

我已经写了代码，只需要专家的验证或任何改进

这是密码笔

*{ 保证金：0； 填充：0； } 身体{ 字体大小：62.5%； 框大小：边框框； 字体系列：“Lato”，无衬线； 字母间距：0.5px； 线高：1.7； 背景色：FCFC； } .标题{ 宽度：100%； 高度：100vh； 字号：2rem； 颜色：FCFC； 位置：相对位置； z指数：99； 溢出：隐藏； .覆盖{ 位置：绝对位置； 排名：0； 左：0； 宽度：100%； 高度：100vh； 背景色：rgba000000,0.8； z指数：1； &__正文{ 位置：绝对位置； 最高：50%； 左：50%； 转化：转化-50%，-50%； } } } .bg_视频{ 位置：绝对位置； 排名：0； 左：0； 宽度：100%； 高度：100vh； 对象匹配：覆盖； } 欢迎光临

您的浏览器不受支持 与本期类似：

基本上，尽管支持对象拟合，但它在Edge中并不真正起作用。 将.bg_视频css替换为以下内容：

.bg_video{
    position: absolute;
    top:50%;
    left:50%;
    width: 100%;
    height:auto;
    transform: translate(-50%, -50%);
}

可以使用“对象拟合”属性：

.bg_video {
   object-fit : cover;
 }

---

我想编辑this@dementis一般来说，我们的政策是，出于版权考虑，我们不会将代码从非现场复制到帖子中。在CodePen的特定情况下，它是在麻省理工学院的许可下，所以复制是可以的。但是，对于麻省理工学院许可代码，您必须复制版权声明和麻省理工学院许可证以及代码，因为这是麻省理工学院许可证的一项要求。这些需要包括在你复制到帖子中的内容中。@Makyen。。。我没有复制任何东西，这是我的代码唯一的事情是，我已经从一个代码笔代码的视频cdn，因为我无法找到任何在线显示我很抱歉的困惑。我把这个评论发给了，他把代码从CodePen移到了你的问题中。我根本不想说/暗示你是否是代码的作者。我不知道这一点，直到我读到你上面的评论，我才想起来。我只是想向德门蒂斯解释，我们几乎总是把复制代码的问题留给OP，在极少数情况下，我们可以/确实复制代码，我们需要严格遵守代码的许可证。@Makyen我甚至没有想到许可证的问题。我理解你的意思，只是把代码移过去了，因为代码笔链接附带了实际的代码，以便正确显示问题。我接受了OP的评论，我想将其编辑为默许。我怀疑这会在法庭上成立，但希望你们能理解我的思考过程。我以后会记住这一点。尝试过这个，现在似乎更好了。非常感谢你的回答