2018-03-31 10:45:11 -07:00
|
|
|
<video
|
2018-05-01 17:05:36 -07:00
|
|
|
class="autoplay-video {className || ''}"
|
|
|
|
|
aria-label={ariaLabel || ''}
|
|
|
|
|
style="background-image: url({poster});"
|
|
|
|
|
{poster}
|
|
|
|
|
{width}
|
|
|
|
|
{height}
|
|
|
|
|
{src}
|
2018-03-31 10:45:11 -07:00
|
|
|
autoplay
|
|
|
|
|
muted
|
|
|
|
|
loop
|
|
|
|
|
webkit-playsinline
|
|
|
|
|
playsinline
|
2018-04-19 10:04:44 -07:00
|
|
|
/>
|
|
|
|
|
<style>
|
|
|
|
|
.autoplay-video {
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-position: center;
|
|
|
|
|
background-size: contain;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
