How To Add Video Background In Website Using HTML And CSS Step By Step Tutorial

Learn How To Add Video Background In Website Using HTML And CSS Step By Step Tutorial
In this video we will create a website header section and we will add a video in the background that will play automatically in loop.
For Domain and web hosting
Visit Bluehost: bluehost.sjv.io/e414GQ
Bluehost tutorial:
• How To Make A WordPres...
-----------------------------------
Download image:
drive.google.com/file/d/1RDVA...
Download video: www.pexels.com/video/a-woman-...
-------------------------------------
Recommended Videos:
Learn Complete HTML and CSS from basics:
► • HTML And CSS Tutorial ...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make a Business website step by step:
► • How To Make Website Us...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------------------------
Like - Follow & Subscribe us:
◼️ RUclips: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr

[@user-rr4ji6ee2l]

thank you so much for this video! after hours and hours of trial and error i’ve finally managed to slap a background on to my website, and it’s all thanks to you, sir!

[@f4stpoke133]

This person is truly amazing!

[@lilyowen2145]

How did you do it.. if I try the background-image on the div it shows no nothing

[@lilyowen2145]

I have tried and tried and failed.. I am not a newbie either but the part of background image on a div never seen that happen

[@TheArtOfConduitBending]

I still can't get my video background to fit perfect on the screen. For some reason I can't make it so that it fits the screen without having to scroll . The video is too big for the screen. I don't want you to have to scroll to view the video.

[@totaabousamra9696]

Me too, the same problem ​@@TheArtOfConduitBending

[@swapnilsupekar2309]

Love ur videos, but plz also explain code/functionality/impact on other items as well while typing it. It will be greatful.

[@jjroger1]

Just what I needed. Thanks!

[@xkingsub]

Sir... I watching your videos daily.. sir you have to put a (responsive part) of your in every video... if anyone agree with me .. pls like the comment..♥️♥️♥️

[@emmanuelopoku-ameyaw2268]

I totally agree!

[@technicaleducation2997]

please watch kevin powell videos ur all doubts will be cleared and Practice Daily.

[@ezioperfetto372]

agreed

[@JeremyMecham]

You rock! I have been a developer for a while but this was very clean and well done.

[@sphinx_z]

Thanks for the Images and the Code that gave it to us! I really appreciate your work man!
Keep up with your coding journey! Liked Shared and Subscribed!

[@AdanJelle-wt4zu]

watching several hours finally of trials and errors i've have made it thank you so much for this video looking forward more vedios

[@GreatStackDev]

Glad you liked it. Thanks for your comment. 😊

[@user-te5qd3zo8g]

Thanks dude I was really confused since i am a beginner, the video was really helpful and to the point, excellent !

[@charlzking198]

A huge fan of your work mate👍🏽💙

[@bechirmhamatabakar902]

You really helped me improve my css level. Thanks alot for your hard work. May god bless you

[@GIGvalley_tech]

I really appreciate your commitments...

[@AlexStudiosIndia]

Best best best bro...... You are helping us too much..... A big THANK you to you 🔥🔥👍👍🙏

[@gamingbar54]

Thankyou ♥️ Your videos are amazing ✨

[@koshuridea]

Best explained video i have ever seen . Luv ❤

[@meditationlife5323]

Your the best ever..... Thanks 😊 Alot........... You deserve all gift's

[@nomibhatti8129]

Love u sir ap sa boht kuch sikha allah pak apko boht izat da kush rahooo sir

[@confessiontube3454]

This was very amazing thank you very much sir please keep it up✅

[@kwakyefrederick4158]

I was finding it difficult in the Css but your tutorial just helped me out.

[@harleyelpapu]

MAMI SOY TU VAQUERO DIME VAQUERO MAMI

[@NotGeraltofRivia]

Thanks a lot brother I am a beginner but I've learnt a lot from this video. I am trying to create my music production website using HTML and CSS. Thank you!

[@alfarhan2423]

it will be easier to understand if you explain the couses of using css tags or explain how it makes changes

[@zoriamm5064]

This is a very helpful video I will use this when I start to code a website

[@salmaanyasin4185]

Thanks a lot, it helped me way more than expected, and especially the video u gave, although I did not use it, the website of the video helped me find the perfect one.

[@GreatStackDev]

Glad it helped

[@bit-studios1]

Excellent video tutorial!!! 🤗

[@Gamer_Guy2.0]

Thank you For this Wonderful Tutorial, I really Understood Everything, Keep it Up

[@triggerbot._]

You are a life saver, thank you my fellow indian friend

[@GreatStackDev]

Thanks Diogo, glad you liked this tutorial

[@user-vz2fs8xg8w]

thanks you bhai you have done excellent work for this project.

[@mohamadrezafathi8339]

dude thank you so much i was stuck so badly :)

[@benogega2543]

I have learn alot. Thank you.

[@user-ti4uw6lo8m]

Wow! You explained so well..Your videos helps me alot.Thank you😊

[@GreatStackDev]

You're welcome 😊

[@user-yg2uy8bc8q]

But that background is really so beautiful. You have a really good taste.

[@fahimchowdhury6742]

thank you bro you saved me love from bangladesh

[@sorayalove2068]

I can’t believe I just found your channel!!!!

[@samuelwesley1598]

Amazing job, thanks for sharing.

[@ezdachi]

ty man , you fixed problem I was searching for 2 days

[@GreatStackDev]

Glad I could help

[@ishabaskar]

wonderful video good explanation, great job, keep it up.....

[@swathidadyt]

Just Awesome
Thank you sir

[@Miguelskytwins]

Than you for making this video!

[@robertofosu490]

Thank you very much it was helpful

[@katariinalohilahti2444]

thanks for helpful tips, liked and subscribed!

[@zaffre-hp3qm]

THE BEST TUTORIAL EVERRRRRRR🎉

[@ndiagsonfivetv5985]

i follow you since senegal

[@christophemignerat6115]

I love it ! Thank you

[@iTzAlwxyss]

Sir can you make a tutorial on how to make the page responsive and add active links to explore button 😊

[@nestrojil.pictures]

Very helpful. Thanks!

[@mithuhossain4438]

Dear Sir, Please create other multi page website in html and css. I watching your video ,,,Reallly awesome.

[@Lucky-Muslim]

Thanks man appreciated keep it up.

[@uzzalroy2320]

Just Awesome..
Thank You so Much...❣️❣️

[@anesioalves4300]

Perfeito, você resolveu meu problema.

[@henrikbaugerd2967]

YOU ARE A ABSOLUTE BEAST MY FRIEND!!!!

[@GreatStackDev]

Thanks henrik

[@caharodienamama3494]

Thank youu soo muccch brooo i loveee your videos❤️👌

[@animemeTerbaru]

makasi ilmu nya prindapan people

[@mrbillyandBOB]

thx so much, and i wonder what program you are using, im trying diffreants, btw your the most underrated youtubers

[@lifelessons5592]

Thank you for your efforts sir

[@arefjavanbakht693]

Nice and complete👏👏💯💯

[@sumitmahi7738]

Wow bother its really wonderful.

[@emmanuelopoku-ameyaw2268]

Hello, I a programmer too. Thanks for your help!

[@hamzailyas7617]

Its not programming bro

[@avtandildevdariani4630]

@@hamzailyas7617 You mean it’s coding right ?

[@hamzailyas7617]

@@avtandildevdariani4630 yeach

[@nuwandamith4790]

I really appreciate your videos brother. And can you teach us the buttons we are using, to navigate those into somewhere in the website?

[@ledysstevengarcesmunoz350]

excelent video thank you so much

[@thamoddyarashmitha4352]

Thank You. You Make My Day Bro..

[@GreatStackDev]

You're welcome Thamoddya

[@Hassan10136]

Thankz for you help ❤❤❤

[@user-se3iy2mw4t]

Really I want to give you a millions of likes !!!!

[@sakshamdogra]

thanks a ton mate.

[@umesh6819]

Very helpful .🎉❤😊

[@joelmalepe4862]

Thank you for such a nice tutorial. Also like the video showing the beautiful table mountain in Cape Town (South Africa).
Is there a way to disable the flickering on the video replay?

[@jamiehurd4081]

Great content! Thanks for sharing.

[@GreatStackDev]

Glad you enjoyed it!

[@jiyoungkim9258]

Hey it's so beautiful!

[@tawhidsworld9901]

Thank you so much sir

[@studentodin8959]

Thank you sir !!!

[@kuldeepdas7334]

Wonderful video.

[@ripmgtrash]

beautiful video. thumbs up

[@jakobo5521]

Thanks a lot for that!

[@harleyelpapu]

TY BROU I LOVE YOU SO MUCH 😭😭😭😭😭😭😭😭💞💞😝😝

[@dynamichack8171]

Thank you brother

[@BuzzTheUnicorn]

thank you so much!!!!

[@emperorwulf5645]

God bless you and your family

[@anuragmy]

lifesaver 👌💯

[@user-sf7ws9pi5m]

really helpful!

[@Barbara-wv8no]

CUDOS!!!,this is what I needed.

[@radkakrenova3537]

Could you please make it responsive. Thank you...love your tutorials! :-)

[@hireshparwani8858]

@radkakrenova we need media query syntax to make it responsive.

[@divyadharpandey5229]

You may go with media query for this by putting pixel at which you want it to be responsive

[@krishnahare1435]

Using Bootstrap grid

[@eyasulegesse]

thank you so much has always i love this
video

[@GreatStackDev]

You're welcome 😊

[@MMMMMM-kh2iy]

Thank you for help

[@shriharikalaskar7735]

Great 💯🙌

[@ruchigupta277]

Hey.. Can you recreate unreal engine site pls with video background which gets small while scrolling down and shifts to centre and fades?? Pls

[@tobez3696]

you are genius👍

[@thatsawesome.]

TYSM!

[@MrKoniInTech]

Interesting ✌️✌️✌️

[@lely2803]

thanks a lot

[@abdulahadgazi3460]

Beautiful

[@Zeeshanimran166]

Thank You

[@Misojagi_]

Thank you for your video tutorial!

[@user-zf3wu5xn1s]

Thank you

[@mdms4549]

very nice you job bro

[@aforangular3759]

Sir I'm watching all the video.
Please make video on angular series

[@Akashthote1999]

Thanks you

[@waykanstudio]

I have watch another tutorial, and im not sure what i am doing wrong, i added the video but when i live preview video is not showing nor playing, my video format is. mp4 and i was wondering does it have anything to do withe the video size? what is the size of the video you used in this tutorial, because that would be the only thing that differ from everything else.
Anyone with any suggestions i would really appreciated it. Thousand thanks in advance!

[@user-rk9id2yt8g]

that's cape town, where I live :)

[@Akashthote1999]

Very useful video

[@redgold5304]

Good job... 👍

[@MrHrithikChoudhary]

Thanks brother ❤

[@fawadikram9740]

Awesome