HTML 如何根据屏幕尺寸调整裁剪视频背景

        <div class="homebackground">>
        <video autoplay muted loop id="myVideo">
            <source src="src/bg.mp4" type="video/mp4">
          </video>
        </div>

#myVideo {
    position: absolute;
    top: 29px;
    object-fit: cover;
    width: 90.1%;
    z-index: -1;
    display: block;
    margin-left: -286px;
    margin-top: 34px;
  }
.homebackground {
    display: block;
    margin: 20%;
    opacity: 0.6;
    overflow: hidden;
}

#myVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.homebackground {
  position: relative;
  height: 100vh; 
  overflow: hidden;
}

Html相关问答推荐

Xpath：提取标签之间的文本，但一旦出现嵌入标签就停止

首字下沉非字母字符

为什么我的搜索栏会出现在WONG位置？

如何用等宽字体固定数字在有序列表中的位置

子元素的单一背景

Bootstrap 5.3.2模式页脚左填充还是左边距？

角化、剪裁、边缘，但仅在底部2和平滑包装上

旧文本淡出，但新文本不会淡入，而是突然出现

如何在css中旋转块时调整内容宽度、高度

使用简单的 HTML 设计公司徽标和文本

我如何使用 html 在表格的单元格内实现下面显示的背景 colored颜色 加载器(请判断设计参考的图像链接)

如何将一个边框向下移动

用于表行组标题的正确 HTML 标记是什么？

按钮显示：内联不换行

使用 sprite 的问题，字符 sprite 中的额外边距

我应该如何使这个带有标签的隐藏复选框可访问

使用 rgba() 的 css 中的边框不透明度不起作用

在不扭曲图像的情况下将图像放入灵活的 Div 框内

如何使用 ：before 在 CSS 中为列表增加计数器

列宽等于最宽列宽度的无界容器