动态调整大小的html视频，其元素位于

Question

我正在制作一个在后台播放视频的html网页，并希望使用CSS完成以下操作：

• 视频保持其宽高比
• 视频填充屏幕宽度
• 在相对较大的窗口大小下，整个视频都可见
• 视频具有最小高度（即当窗口缩小时，在一定大小时，整个视频不再可见）。
• 视频正下方有元素，如果调整窗口大小，则动态跟随它

如果视频不可见，它也会很中心（不重要）。

我现在已经尝试了很多年，并且能够获得大部分积分，但不是全部积分;特别是我发现最后一点（直接在下面定位另一个元素）很难与其他元素结合。我一直在使用html video元素和CSS。

这可能吗？

Answer 1

您可以使用Jquery插件。我建议特别关注这个。

Vide - Jquery Plugin For Fullscreen Background Videos