The default HTML5 video player

The HTML video tag <video> is used to set up and play videos on web pages.

code:





<video controls>
<source src="photoshop.mp4" type="video/mp4">
</video>



result:




Supported formats most commonly used for video clips:

  • format: MP4      type: video/mp4
  • format: Ogg      type: video/ogg
  • format: WebM      type: video/webm




With the POSTER attribute, we can also add an image that will be at the beginning of the video.

<video controls width="560" height="315" poster="flower.jpg">
<source src="photoshop.mp4" type="video/mp4">
<p>Your browser doesn't support HTML5 video.</p>
</video>





Custom HTML video player