Full Screen Video Background - HTML & CSS

Hello, is there a reason the video may not be working when I open the live server? I even copy and pasted the source url from your code, and turned off other extensions and adblockers on chrome and still the video won't show for me

we can also use poster for video cover image instead of background image

You are awesome🤗

I would love to know how to do this exact thing but for a video with sound. In other words, have a video that serves as the background but is controllable.

tks for ur help

Clutch. Thx!

Thanks a lot brother!!!
You save my life 😁
Blessings from Venezuela

thanks a lot

I copied the code exactly and added in my video and the site didn't work at all the text was still behind it

hello.. need help to make the video run in the background when trying to view it in iphone , as it working fine in any laptop or Tablet devices without issues
please help its need so that the project can be deployed and test for local use ..
thanks in advance

Thank you so much for this!

guys if you want to learn please dont just copy and paste code , trust me i did a lot , but there willl be times you will miss a lot of things , intead pase and write code side by side use some text editor like sulime or something .. youll be able to change a lot of things ,,
ps: you might get a white space outside video if you dont use same sized video eg. 1280x720 , if you use another size video you might get a problem . but dont worry that background photo will get ou covered , if your professor dont tell you to remove the photo .
and anyway thanks for explaining the process.

Where can I download social media icons?

Bro you are a genious! thank you so much keep it up !

Phenomenal. I've been looking for a fix for this problem for longer than I want to admit.

Thank you so much! This video is so clean and helpful!

How to download the background image and video ?

Thank you!

I have a question please: what is the difference between background-size: cover and width or height:100%

what if i want to have the video on the first half of the screen? from top to bottom, like not full page

I can not get the video you use at code pen where are resources

great!!!

so.....I have a question, on my website I am running, the browsers do not allow full screen option. it greys out when it is running. however, when I am on my localhost the browsers locally will allow full screen. For the life of me I cannot figure out why the browsers won't allow it when its running on a different machine but will allow it when its running locally. You have any clue why its doing this? I could make a video showing what I mean if that is helpful. I believe the browsers should natively allow for a full screen option but none of them work when I try to go to my website outside local host.

Great video. Does the fullscreen video background not work on an iPhone? I am unable to get it to work.

Hey great Video! Can U Help me? How can i get the Sound from the Background Video in the Background?

Hi Brad, For some reason my icons are not showing up, my code is the same as yours,

Hey all. My video clip is playing in a way that it seems zoomed it... the video dimensions are too large for the container?
Does anyone know how to fix this?

Any tips on video prep? Should we keep this below a certain size, format, etc...?

Great tutorial. Thank you. What is the best size or the size you use for the video, in pixel? 1024x960?

thanks bro, you are best

Sir, I am following your videos of Front End Development and learned so much, looking for a career in this field. Please help me how i should go further ?

guys, I need your help - how to put text wiz class "content" not in the middle, but in the bottom? tried some stuff, but couldn't change
I mean changing its position

so smooth!! thanks bud, this video was so helpful, clean and fast!

Cool! :)

what is showcase background for?

I want to be a full stack development, where should I start?

Video link please

These are good for test projects I am really thankful to you sir!

Please where can we get a video we can use

For the icons fontawesome is accessed by placing an href to their fonts in the head and I had to change what he had to: <p><i class="icon-twitter icon-3x"></i></p>

Thank you!!
Really needed it.

I just love to watch your videos. I must say, Your all videos are fantastic.

amazing video, thank you for your time

Hey men..This's is the only channel on you tube which has been totally helpfull. I understood all web dvlp from here.Thanks men

I watch alot of your videos on css and html, but everytime you start using flex in the css, nothing works, any suggestions?