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

Подписаться 1 млн

Просмотров 658 тыс.

50% 1

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:
◼️ RU-vid: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr

Опубликовано:

23 фев 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

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

@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 5 месяцев назад

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.

@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!

@jjroger1 2 года назад

Just what I needed. Thanks!

@JeremyMecham 6 месяцев назад

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

@user-te5qd3zo8g Год назад

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

@xkingsub 2 года назад

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 2 года назад

I totally agree!

@technicaleducation2997 2 года назад

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

@ezioperfetto372 2 года назад

agreed

@charlzking198 2 года назад

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

@AlexStudiosIndia 2 года назад

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

@NotGeraltofRivia 5 месяцев назад

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!

@nomibhatti8129 Год назад

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

@GIGvalley_tech Год назад

I really appreciate your commitments...

@gamingbar54 2 года назад

Thankyou ♥️ Your videos are amazing ✨

@kwakyefrederick4158 Год назад

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

@harleyelpapu 3 месяца назад

MAMI SOY TU VAQUERO DIME VAQUERO MAMI

@alfarhan2423 2 года назад

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

@koshuridea 2 года назад

Best explained video i have ever seen . Luv ❤

@meditationlife5323 Год назад

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

@confessiontube3454 2 года назад

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

@zoriamm5064 Год назад

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

@AdanJelle-wt4zu 6 дней назад

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 4 дня назад

Glad you liked it. Thanks for your comment. 😊

@bit-studios1 Год назад

Excellent video tutorial!!! 🤗

@ishabaskar 2 года назад

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

@Gamer_Guy2.0 Год назад

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

@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?

@sorayalove2068 2 года назад

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

@user-yg2uy8bc8q Год назад

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

@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

@iTzAlwxyss 2 года назад

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

@mithuhossain4438 2 года назад

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

@mohamadrezafathi8339 2 месяца назад

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

@ezdachi Год назад

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

@GreatStackDev Год назад

Glad I could help

@uzzalroy2320 2 года назад

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

@user-vz2fs8xg8w Год назад

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

@benogega2543 Год назад

I have learn alot. Thank you.

@triggerbot._ Год назад

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

@GreatStackDev Год назад

Thanks Diogo, glad you liked this tutorial

@mrbillyandBOB Год назад

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

@christophemignerat6115 2 года назад

I love it ! Thank you

@swathidadyt 2 года назад

Just Awesome Thank you sir

@fahimchowdhury6742 Год назад

thank you bro you saved me love from bangladesh

@katariinalohilahti2444 Год назад

thanks for helpful tips, liked and subscribed!

@samuelwesley1598 9 месяцев назад

Amazing job, thanks for sharing.

@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?

@ndiagsonfivetv5985 2 года назад

i follow you since senegal

@sumitmahi7738 Год назад

Wow bother its really wonderful.

@robertofosu490 Год назад

Thank you very much it was helpful

@arefjavanbakht693 Год назад

Nice and complete👏👏💯💯

@emmanuelopoku-ameyaw2268 2 года назад

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

@hamzailyas7617 2 года назад

Its not programming bro

@avtandildevdariani4630 2 года назад

@@hamzailyas7617 You mean it’s coding right ?

@hamzailyas7617 2 года назад

@@avtandildevdariani4630 yeach

@Miguelskytwins Год назад

Than you for making this video!

@henrikbaugerd2967 Год назад

YOU ARE A ABSOLUTE BEAST MY FRIEND!!!!

@GreatStackDev Год назад

Thanks henrik

@lifelessons5592 2 года назад

Thank you for your efforts sir

@nestrojil.pictures 5 месяцев назад

Very helpful. Thanks!

@Lucky-Muslim Год назад

Thanks man appreciated keep it up.

@anesioalves4300 5 месяцев назад

Perfeito, você resolveu meu problema.

@kuldeepdas7334 2 года назад

Wonderful video.

@caharodienamama3494 Год назад

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

@jiyoungkim9258 2 года назад

Hey it's so beautiful!

@user-ti4uw6lo8m 3 месяца назад

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

@GreatStackDev 3 месяца назад

You're welcome 😊

@user-se3iy2mw4t 4 месяца назад

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

@animemeTerbaru Год назад

makasi ilmu nya prindapan people

@zaffre-hp3qm Месяц назад

THE BEST TUTORIAL EVERRRRRRR🎉

@ripmgtrash 7 месяцев назад

beautiful video. thumbs up

@anuragmy Год назад

lifesaver 👌💯

@shriharikalaskar7735 2 года назад

Great 💯🙌

@studentodin8959 2 года назад

Thank you sir !!!

@jamiehurd4081 11 месяцев назад

Great content! Thanks for sharing.

@GreatStackDev 11 месяцев назад

Glad you enjoyed it!

@thamoddyarashmitha4352 Год назад

Thank You. You Make My Day Bro..

@GreatStackDev Год назад

You're welcome Thamoddya

@ledysstevengarcesmunoz350 3 месяца назад

excelent video thank you so much

@aforangular3759 2 года назад

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

@jakoblilje Год назад

super helpful!

@ruchigupta277 2 года назад

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

@jakobo5521 Год назад

Thanks a lot for that!

@tobez3696 2 года назад

you are genius👍

@MrKoniInTech 2 года назад

Interesting ✌️✌️✌️

@emperorwulf5645 Год назад

God bless you and your family

@abdulahadgazi3460 2 года назад

Beautiful

@attilaguba856 11 месяцев назад

Is it responsive? Just wondering how it will be working in different devices . Good stuff

@umesh6819 3 месяца назад

Very helpful .🎉❤😊

@BuzzTheUnicorn Год назад

thank you so much!!!!

@thatsawesome. Год назад

TYSM!

@radkakrenova3537 2 года назад

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 8 месяцев назад

Using Bootstrap grid

@redgold5304 Год назад

Good job... 👍

@sakshamdogra 5 месяцев назад

thanks a ton mate.

@fawadikram9740 Год назад

Awesome

@user-rk9id2yt8g 7 месяцев назад

that's cape town, where I live :)

@mdms4549 2 года назад

very nice you job bro

@anarabekbolotova6233 Год назад

great job!

@manishwalia1102 6 месяцев назад

nice

@Hassan10136 2 месяца назад

Thankz for you help ❤❤❤

@waykanstudio 4 месяца назад

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!

@tawhidsworld9901 Год назад

Thank you so much sir

@anjalipriya2830 Год назад

its helpful but please try to explain the codes..would be of great help.

@Akashthote1999 Год назад

Very useful video

@Barbara-wv8no Год назад

CUDOS!!!,this is what I needed.

@MMMMMM-kh2iy Год назад

Thank you for help

@lely2803 Год назад

thanks a lot

@sreeman2940 Год назад

at first it was looking like rocket science but after 3 month of learning css for some minutes a day it is just a simplest webpage using hyperlink &nbsp margin and url