<template>
    <div
        class="relative min-h-[600px] w-screen h-[calc(100vh-60px)] overflow-hidden flex items-end justify-center"
    >
        <video
            autoplay
            muted
            loop
            playsinline
            class="absolute inset-0 object-cover w-full h-full"
        >
            <source :src="content.video_url" type="video/mp4" />
        </video>
    </div>
</template>
<script>
export default {
    props: {
        content: {
            type: Object,
            required: true,
        },
    },
    mounted() {},
};
</script>
