时间戳

首页 > 解决方案 > 如何使视频的高度与 html 中的窗口相同

html - 如何使视频的高度与 html 中的窗口相同

问题描述

我只想知道如何让我的视频标签与我的窗口高度相同。这是我的 html 文件中的内容

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="./app.js" defer></script>
    <link rel="stylesheet" href="./style.css">
    <title>Document</title>
</head>
<body>
    <video src="example video.mp4" id="video1">
</body>
</html>

这就是我的css文件中的内容

* {
    padding: 0px;
    margin: 0px;
}
body {
    justify-content: center;
    align-content: center;
    text-align: center;
}
#video1 {
    
}

标签： htmlcsssizeheight

解决方案

这可能有效：

body {
    height: 100%;
    margin: 0px;
}
#video1 {
    height: 100%;
}

通过强制body是它的全高，我们可以使里面的视频也一样高。

推荐阅读