The 5-Part Video Element

If you have your own video files, the video element allows you to add a functioning player to your website.

The 5 attributes the video element should include are:

  1. The tags themselves.
  2. The source attribute.
  3. A video poster.
  4. Width and height values.
  5. Other attributes which define how users can interact with the media.

Note As there are two ways to approach this, the following pages with showcase both:


Use this set-up if you only have one version of the video file, like an MP4.

mp4 icon



Use this set-up if you have multiple versions of the video file, like MP4, WebM, OGG, etc.

mp4 icon


webm icon


ogg icon