Tôi đang xây dựng một trang web với HTML + CSS. Và tôi đang cố gắng sử dụng một video làm nền của trang web của tôi. Vấn đề là có một số loại borther ở bên trái và bên phải của video của tôi.
Tôi đã thử sử dụng chiều rộng 100% và chiều cao 100%, chiều rộng và chiều cao 100Vh và 100VW, và tối thiểu và tối thiểu 100% nhưng vẫn còn một số không gian còn lại ở cả bên trái và bên phải của video
.container {
background: rgba[0, 0, 0, 0.9];
text-align: center;
color: white;
font-size: 2em;
display: grid;
grid-template-columns: repeat[12, 1fr];
grid-gap: 0;
}
/*Adjust container for Fullscreen Video Background*/
.blue {
grid-column: 1/-1;
height: 100vh;
}
.video {
height: 100vh;
min-width: 100%;
min-height: 100%;
}
.video-overlay {
width: 100%;
height: 100vh;
position: absolute;
top: 0;
left: 0;
background: #000000;
z-index: 0;
opacity: 0.75;
}
- ARCANA
- Home
- About Us
- Gallery
- Events
- Contact Us
Welcome to ARCANA
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
red
green
yellow
black
Tôi mong đợi video sẽ là toàn màn hình.
Home
Welcome to ARCANA
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.red
green
yellow
black
Đã trả lời ngày 17 tháng 3 lúc 21:52Mar 17 at 21:52
KameronkameronKameron
8.9513 huy hiệu vàng8 Huy hiệu bạc22 Huy hiệu đồng3 gold badges8 silver badges22 bronze badges
Làm thế nào để bạn mở rộng lên toàn màn hình trong HTML?
Chiều cao: 100% trước khi đặt thuộc tính chiều cao thành 100% bên trong.....
Chiều cao: 100VH.Các .....
Vị trí: Tuyệt đối.Bạn cũng có thể sử dụng vị trí tuyệt đối cũng như đặt tất cả các cạnh chế độ xem [trên cùng, bên phải, dưới cùng, bên trái] thành 0px sẽ làm cho Div lấy toàn bộ màn hình ..
Làm cách nào để sửa video toàn màn hình trong HTML?
Example..
/ * Kiểu video: chiều rộng và chiều rộng 100% để bao phủ toàn bộ cửa sổ */ #MyVideo {vị trí: Đã sửa;Phải: 0;Dưới cùng: 0;....
/ * Thêm một số nội dung ở cuối video/trang */.Content {vị trí: đã sửa;Dưới cùng: 0;....
/ * Kiểu nút được sử dụng để tạm dừng/phát video */#MyBtn {width: 200px;kích thước phông chữ: 18px ;.
Làm thế nào để bạn tạo một video toàn màn hình?
Nhấn vào video bạn muốn xem.Ở dưới cùng của trình phát video, nhấn toàn màn hình.At the bottom of the video player, tap full screen .