[HTML] How To Embed Videos

This is very easy all websites use it. I will pretty much be breaking down how the YouTube video link button works.

The first thing you need to do is make a base for it like so.

Code:

<video </video>

This is telling the site or giving it the command that there will be a video here. Now you have to give it a size. (width and height) or "controls".

Code:

<video width="400" height="300" controls>
</video>

Now that you have the size of the video you need to add the link or the "source" of the video and the type. Like so.

Code:

<video width="400" height="300" controls>
  <source src="video-url.mp4" type="video/mp4">
</video>

To link to a video on your computer (local, offline) within the current directory, do the following:

"./" Then the directory path: "/My_Video.mp4"
Then putting it into a code should look like the following:

Code:

<video width="400" height="300" controls>
  <source src="./My_Video.mp4" type="video/mp4">
</video>

To link to another directory on your computer:

"file:///" Then the file path: "C:\Users\USERNAME\Videos\My_Video.mp4"

Code:

<video width="400" height="300" controls>
  <source src="file:///C:\Users\USERNAME\Videos\My_Video.mp4" type="video/mp4">
</video>

Then Bam your done.

Simple and easy to understand Nice Job

Try adding in there that you can put videos from your PC's documents. That would be fairly useful to a lot of people

@Aki

I edited his post to include that. Thanks for the tip.

Moved from Tutorials > Websites to Tutorials > Web Development > HTML.