video tag html5
<!-- Non-Semantic: -->
<video width="100" height="100" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video element.
</video>
<!-- The text below <source> is displayed if your browser cannot display
the video itself -->
<!-- Semantic: -->
<figure>
<video width="100" height="100" controls>
<source src="video2.mp4" type="video/mp4" />
Your browser does not support the video element.
</video>
</figure>
<!-- <Figure> is a semantic element for objects such as audio, video, images,
or embedded content. If you also noticed the / at the end of <source>, this is
simply to ensure the tag closes off. It's not required but is considered a
common practice. -->