Fullscreen Video Background With HTML & CSS | ความรู้ทั่วไปเกี่ยวกับการลงทุน

Discord site is invalid.

I wish one day i will be able to code just like you

Great its working fine!! thxs

this furkkk oh no i am live freaking fly

how can I do so I can have the video on half of the screen and not full screen? I mean from top to bottom half of screen

i am your new subscriber

Thank you so much. I have been following your video. Please can you help with my project. Is a School Management System for Secondary School

Could someone explain the logic behind using two words for a class element and then styling them separately? For example: "<header class="v-header container"> which is later styled separately as .v-header and .container. I didn't know that was possible and I am confused. I dont understand what's what.

btw,how to make the background video into cover size? really….
yang tau cara supaya video latar sebesar cover web kasih paham…..

What when the css file is app.mim and I can't find anything so I can do my changes, or if I unminize what I do after that .
Can you cover anything about css mim file?
Thank you

thanx for the nice video. how is it possible to seemless loop a video without pause or stutter?

Very good but the video does not starts automatically on chrome.How do I play the video through code to make sure the video is going to play? How to deal with this kind of problems that something works on one browser but not on anothers?Thank you

you're brilliant

Why is it that when I put controls they controls are a high z index on top of everything?

For some reason on a section of the overlay works on the screen. Anyone know a possible solution?

Thank you brad.i remember when for my first time i started to write html and css looking your videos ..XD thank you . I appreciate what u'r doing ..good video tutorial

Should youtube embed video work? I don't seem to get it work in the pen

SOMEONE PLEASE HELP!
I cant see the Button and the "Welcome Everyone
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Id temporibus perferendis necessitatibus numquam amet impedit explicabo? Debitis quasi ullam aperiam!" In front of the video,

Heres my code for css:
*{
box-sizing: border-box;
}

body{
margin: 0px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana,
sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #333;
overflow-x: hidden;
}

.v-header{
height: 100vh;
display: flex;
align-items: center;
color: white;
}

.container{
max-width: 960px;
/* now itll be responsive */
padding-left: 1rem;
padding-right: 1rem;
margin: auto;
text-align: center;
}
.fullscreen-video-wrap{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
overflow: hidden;
}

.fullscreen-video-wrap video{
min-width: 100%;
min-height: 100%;
}

.header-overlay{
height: 100vh;
width: 100vw;
position: absolute;
top: 0;
left: 0;
background: #225470;
z-index: 1;
opacity: 0.85;
}
.header-content{
z-index: 2;
}
.header-content h1{
font-size: 50px;
margin-bottom: 0;

}

.header-content p{
font-size: 1.5rem;
display: block; /*reason*/
padding-bottom: 2rem;
}

.btn{
background: #34b3a0;
color: white;
font-size: 1.2rem;
padding: 1rem 2rem;
text-decoration: none; /*takes away underline*/
}

.section{
padding: 20px 0;
}

.section-b{
background: #333;
color: white;
}

@media(max-width:960px){
.container{
padding-right: 3rem;
padding-left: 3rem;
}
}

why don't you just type "<video autoplay loop muted src="video.mov"> at the hyper text markup. You don't have to set booleans. Or weren't u able to at older versions of HTML?

Great video. Thanks!

I like the sound of a mechanical keyboard! Great video as always btw! Thank you Brad!

Thank you for this tutorial! To make the video fully responsive (and scale down below its resolution) I had to use these settings in the .fullscreen-video-wrap video{
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;

I'm new to web development, after following a course on Udemy, and this is exactly the kind of video that has helped me with supplementary information. I was struggling for ages trying to figure out how to get text over a video and you provided exactly what I needed. You're doing great work 🙂

I am confuse who is typing behind in the background.😕😕😕

my video isn't centered in my background only shows the top half