Video

<video controls poster="../../video/queen-delightful-alert.png">
  <source src="../../video/queen-delightful-alert.mp4" type="video/mp4">
  <track kind="subtitles" src="../../video/queen-delightful-alert.vtt" srclang="en" />
  Your browser does not support HTML5 video
</video>
<video controls poster="{{ poster }}">
  {{#each source }}
  <source src="{{ this }}" type="video/mp4">
  {{/each}}
  <track kind="subtitles" src="{{ track.src }}" srclang="{{ track.lang }}" />
  {{ alt }}
</video>
{
  "poster": "../../video/queen-delightful-alert.png",
  "track": {
    "src": "../../video/queen-delightful-alert.vtt",
    "lang": "en"
  },
  "source": [
    "../../video/queen-delightful-alert.mp4"
  ],
  "alt": "Your browser does not support HTML5 video"
}
  • Content:
    video {
      max-width: 100%;
      height: auto;
    }
  • URL: /components/raw/video/_sass.scss
  • Filesystem Path: components/01-elements/02-media/02-video/_sass.scss
  • Size: 45 Bytes

Native video element.

See: