Mirage: BGA styles

2.6.5 base.embedded.video Video

Toggle example guides Toggle HTML markup

The HTML5 <video> element specifies a standard way to embed video in a web page.

Example
Markup: base/embedded/embedded-video.twig
<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">video</span> <span class="hljs-attr">width</span>=<span class="hljs-string">"320"</span> <span class="hljs-attr">height</span>=<span class="hljs-string">"240"</span> <span class="hljs-attr">controls</span>=<span class="hljs-string">""</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">source</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://www.html5rocks.com/en/tutorials/video/basics/devstories.webm"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"video/webm;codecs=&amp;quot;vp8, vorbis&amp;quot;"</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">source</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://www.html5rocks.com/en/tutorials/video/basics/devstories.mp4"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"video/mp4;codecs=&amp;quot;avc1.42E01E, mp4a.40.2&amp;quot;"</span>&gt;</span>
  <span class="hljs-tag">&lt;<span class="hljs-name">track</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://www.html5rocks.com/en/tutorials/video/basics/devstories-en.vtt"</span> <span class="hljs-attr">label</span>=<span class="hljs-string">"English subtitles"</span> <span class="hljs-attr">kind</span>=<span class="hljs-string">"subtitles"</span> <span class="hljs-attr">srclang</span>=<span class="hljs-string">"en"</span> <span class="hljs-attr">default</span>=<span class="hljs-string">""</span>&gt;</span>
  Your browser does not support the video tag.
<span class="hljs-tag">&lt;/<span class="hljs-name">video</span>&gt;</span></span>
Source: base/embedded/_embedded.scss, line 76