Блог

Главная - Вопросы по программированию - Как мне сделать высоту видео такой же, как у моего окна в html

Как мне сделать высоту видео такой же, как у моего окна в html

#html #css #size #height

#HTML #css #размер #высота

Вопрос:

Я просто хочу знать, как сделать мой тег видео такой же высоты, как и мое окно. Вот что у меня есть в моем 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 {
    
}

Комментарии:

1. вы можете использовать: height: 100vh

2. @MinalChauhan это дает мне крошечную область внизу, которая просто белая, есть ли какой-нибудь способ это исправить?

Ответ №1:

вы можете попробовать это

 #video1 {
     display:block;
     height:100vh;
}

Ответ №2:

Это может сработать:

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

Заставляя тело иметь полную высоту, мы можем сделать так, чтобы видео внутри было такой же высоты.