<div class="flex items-center justify-center p-5 video-container" style="background-color: #F7F6F3">
<div class="w-full max-w-full overflow-hidden relative" style="padding-top: 65%">
<video data-video-spy preload="false" muted loop class="absolute pin w-full h-full max-w-full object-fit" src="/media/dummy.mp4" poster="http://mud-assets.s3.amazonaws.com/transforms/media/55/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg"
/>
</div>
</div>
<div class="flex items-center justify-center p-5 video-container" style="background-color: {{ color }}">
<div class="w-full max-w-full overflow-hidden relative" style="padding-top: 65%">
<video data-video-spy preload="false" muted loop class="absolute pin w-full h-full max-w-full object-fit" src="{{ url }}" poster="{{ poster }}" />
</div>
</div>
{
"siteTitle": "Mudstone Component Library",
"craft": {
"app": {
"config": {
"general": {
"custom": {
"wrapper": "/wrapper/"
}
}
}
}
},
"tel": "01225 471 465",
"phone": "01225 471 465",
"email": "hello@ournameismud.co.uk",
"twitter": "asclearasmud",
"copyright": "© 2018 Our Name is Mud",
"siteUrl": "/components/preview/home",
"address": "5 Princes Buildings \nBath \nBA1 2ED",
"cta": "<p>We love to talk digital. So if there’s a project that you’re itching to start or you just want to introduce yourself, <a href=\"/contact\" data-contact-link=\"\" class=\"no-barba\">drop us a line</a>. We’re always happy to chat...</p>",
"entries": [
{
"title": "Projects",
"url": "/components/preview/listing"
},
{
"title": "About",
"url": "/components/preview/about"
},
{
"title": "Journal",
"url": "/components/preview/journal"
},
{
"title": "Contact",
"url": "/components/preview/contact"
}
],
"url": "/media/dummy.mp4",
"color": "#F7F6F3",
"poster": "http://mud-assets.s3.amazonaws.com/transforms/media/55/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg"
}
There are no notes for this item.