The <video> Element

play_circle_filled Basic Usage

<video src="video.mp4" controls>
  Your browser doesn't support HTML5 video.
</video>

settings Key Attributes

src: Path to video file
controls: Shows playback controls
width/height: Sets video dimensions
poster: Image shown before playback

aspect_ratio Size Control

<video src="video.mp4" width="720" height="405" controls>
  Your browser doesn't support HTML5 video.
</video>

Videos maintain their aspect ratio when dimensions are set

image Poster Attribute

<video src="video.mp4" poster="poster.jpg" controls>
  Your browser doesn't support HTML5 video.
</video>
play_circle_filled