So for the past 1.5 months I have been working day & night building my very own portfolio website(having a portfolio website is just so cool) and is still under construction (85% completed). Now what we will discuss is How you can add an auto playing background video into your website.And I will also mention some of the resources which helped me a lot during this journey.
Video Tag-The video tag is used to link or embed video content onto your web page.
It’s syntax looks something like this
3.Now with the above code your desired video will be added to your webpage but it won’t auto play,will stop after playing one,and will not be muted(if the video has audio). It is very much easy to fix all these problem,these can be solved by adding the auto play,loop,muted attributes. The code after adding these attributes will look like this:-
So here is how you can add a video to the background of your website.If you wish to see the live application, you can check my website out and i am also mentioning some of the resources( all of them are free) which helped me greatly during this process of building my website. Thank you for reading till here Hope you have a great day ahead!! Links:-
GitHub(Source code):- github.com/harsh007-github/Portfolio_Website
Website:- portfolio-website-silk-one.vercel.app
W3 School:-w3schools.com/tags/tag_video.asp
LinkedIn:-linkedin.com/in/harshkhandelwal18