HTML视频全屏内联

似乎不能使我想要的工作，所以我会问专家

我想实现这个经典示例：

但要将它放在文本块之间，并且（如果可能的话）在像本页那样滚动时开始（向下滚动查看我的意思）：

我可以让视频全屏，如果我只是按照波利纳的例子，但不是当我试图把它放在一个或在我的页面上的其他文本块之间。它总是会还原为一个盒子或视频的实际大小

如果可能的话，我想让它非常简单——如果可能的话，只使用CSS而不是Javascript。如果视频没有自动启动，也可以，但前提是它是全屏的

这就是我所拥有的：

HTML:

所有的文本组件都正常工作，我只希望视频看起来像上面的链接-如果可能的话

任何建议都很好

---

谢谢

我将身体位置设置为相对位置，子部分位置设置为绝对位置，这样这些部分就会相互重叠

你能检查一下视频是否全屏播放吗。你期待这样的事情吗？？如果没有，请描述

    .videoSection{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

---

我已将身体位置设置为相对位置，将子部分位置设置为绝对位置，以便这些部分相互重叠

你能检查一下视频是否全屏播放吗。你期待这样的事情吗？？如果没有，请描述

    .videoSection{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

---

这是我制作的一个快速版本，我想这是您想要的：

基本上，我所做的就是给视频一个id，在css中我制作了它，这样视频将是100%的屏幕高度和100%的宽度

.divOne{
背景色：#fff；
宽度：100%；
高度：100vh；
}
第二名{
背景色：黑色；
宽度：100%；
高度：100vh；
}
#录像带{
高度：100vh；
宽度：100vw；
}
第三组{
背景颜色：蓝色；
宽度：100%；
高度：100vh；
}

>

这是我制作的一个快速版本，我想这是您想要的：

基本上，我所做的就是给视频一个id，在css中我制作了它，这样视频将是100%的屏幕高度和100%的宽度

.divOne{
背景色：#fff；
宽度：100%；
高度：100vh；
}
第二名{
背景色：黑色；
宽度：100%；
高度：100vh；
}
#录像带{
高度：100vh；
宽度：100vw；
}
第三组{
背景颜色：蓝色；
宽度：100%；
高度：100vh；
}

>

谢谢-这似乎对您有所帮助！我现在让它和控制一起工作。当用户滚动到页面上的那个点时，有没有一种简单的方法可以让它播放？就像我发布的示例视频一样？谢谢-这似乎很有帮助！我现在让它和控制一起工作。当用户滚动到页面上的那个点时，有没有一种简单的方法可以让它播放？就像我发布的示例视频一样？

    .videoSection{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}