1<video width="320" height="240" controls>
2 <source src="movie.mp4" type="video/mp4">
3 <source src="movie.ogg" type="video/ogg">
4Your browser does not support the video tag. <!-- Text to be shown incase browser doesnt support html5 -->
5</video>
1<!DOCTYPE html>
2<html>
3<body>
4
5<h1>Video TITLE</h1>
6
7<video width="320" height="240" controls>
8 <source src="Video Link">
9</video>
10
11</body>
12</html>
13
1<!-- Non-Semantic: -->
2<video width="100" height="100" controls>
3 <source src="video.mp4" type="video/mp4">
4 Your browser does not support the video element.
5</video>
6<!-- The text below <source> is displayed if your browser cannot display
7the video itself -->
8
9<!-- Semantic: -->
10<figure>
11 <video width="100" height="100" controls>
12 <source src="video2.mp4" type="video/mp4" />
13 Your browser does not support the video element.
14 </video>
15</figure>
16
17<!-- <Figure> is a semantic element for objects such as audio, video, images,
18or embedded content. If you also noticed the / at the end of <source>, this is
19simply to ensure the tag closes off. It's not required but is considered a
20common practice. -->