No notes defined.
<video class="video" controls poster="../../videos/placeholder/dummy-video.jpg">
<source src="../../videos/placeholder/dummy-video.mp4" type="video/mp4" />
</video>
<video class="video{{#modifier}} {{.}}{{/modifier}}" controls {{#poster}} poster="{{path .}}"{{/poster}}>
{{#sources}}
<source src="{{path src}}" type="{{type}}" />
{{/sources}}
</video>
{
"poster": "/videos/placeholder/dummy-video.jpg",
"sources": [
{
"type": "video/mp4",
"src": "/videos/placeholder/dummy-video.mp4"
}
]
}
@import "_video.styles";
%video {
@include stack-spacing();
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.video {
@extend %video;
}