video container html

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 underneath <source> is displayed if your browser cant 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. -->