How to put video on a website

video How to put video on a website
Hello in this cause am going to show you how to put a video on a website. please follow our youtube channel for more code:
written by Juma Karol reference from w3school

 
images.jpeg How to put video on a website

Example

<video width=”320″ height=”240″controls>
  <source src=”movie.mp4″type=”video/mp4″>
  <source src=”movie.ogg”type=”video/ogg”>
Your browser does not support the video tag.
</video>

 

Note: .ogg is the video extension you can put your such as mp4 

How it Works

The controls attribute adds video controls, like play, pause, and volume.

It is a good idea to always include width and height attributes. If height and width are not set, the page might flicker while the video loads.

The <source> element allows you to specify alternative video files which the browser may choose from. The browser will use the first recognized format.

The text between the <video> and </video> tags will only be displayed in browsers that do not support the <video> element.

HTML Video Formats

There are three supported video formats: MP4, WebM, and Ogg. The browser support for the different formats is:

BrowserMP4WebMOgg
EdgeYESYESYES
ChromeYESYESYES
FirefoxYESYESYES
SafariYESYESNO
OperaYESYESYES

HTML Video – Media Types

File FormatMedia Type
MP4video/mp4
WebMvideo/webm

Oggvideo/ogg

HTML Video – Methods, Properties, and Events

The HTML DOM defines methods, properties, and events for the <video> element.

This allows you to load, play, and pause videos, as well as setting duration and volume.

There are also DOM events that can notify you when a video begins to play, is paused, etc.

Leave a Reply

Your email address will not be published. Required fields are marked *


Get our best healthy recipes and nutrition tips straight to your inbox!
Get Healthy Now! Extra Health Updates
Sign Up
Your privacy is important to us
Join Our Newsletter!
Sign up today for free and be the first to get notified on new tutorials and snippets.
Subscribe Now