HTML Basics
Learn HTML HTML Basics HTML Elements HTML Attributes HTML Comments HTML Colors HTML Style HTML CSS HTML Headings & Paragraphs HTML Formatting HTML Quotations HTML Links HTML Images HTML ListsHTML Intermediate
HTML Tables HTML Blocks HTML Classes & Ids HTML Iframes HTML Head HTML Layouts HTML File Paths HTML Pictures HTML Audio HTML Video HTML YoutubeHTML Advance
HTML Forms HTML Form Attributes HTML POST & GETSEO Tips & Others
SEO Tips Hosting Sites SEO Tools
HTML Videos - SEO & Traffic Booster!
A tip for Google SEO
Html can also display videos from your system using html coding. Videos take alot of bandwith but, it's a powerful tool to attract visitors. The most powerful media companys Youtube,Vimeo, bilibili (also my favorites) uses a large scales of video elements
In terms of SEO ranking, videos don't just boost them but they also attract alot of visitors. But there is some problems which can damage your Google SEO ranking
As videos can slow down the loading of a website we advise only powerful server websites use videos or else the Google will rank your website hight. Never use this tags if you are using shared hosting or baby plans
HTML Video Element
The Video tag is almost the same as the audio tag for HTML. Instead, we use the <video> tag and the file types should be different
The video tag can take the same attributes as the audio tag but some extra ones also
Controls - to switch on the controls option(be able to increase volume or mute)
Autoplay - to play it as soon as the page loads
Loop - to loop the video
Muted - by default the video is muted
Src - when you don't need backups, we don't use the source tags so we just use the src
The poster attribute is used to link an image which acts a thumbnail for the video
We will now see an example of this
RunWe have purposely removed the autoplay attribute to show you the effects of the poster attribute
CSS Video styling
The video tag is a block element. So you need to define the size of the video element using CSS
You can add a border or outline to the HTML video tag using CSS styling also!
By default the video elements have a default style which can be changed using CSS styling