augurymetal.com/components/YouTubeVideo.tsx

18 lines
401 B
TypeScript

const YoutubeVideo = (props) => {
const { title, data } = props
return (
<div
className="relative h-0 w-full max-w-full overflow-hidden"
style={{ paddingBottom: '56.25%' }}
>
<iframe
title={title}
src={`https://www.youtube.com/embed/${data}`}
className="absolute left-0 top-0 h-full w-full"
/>
</div>
)
}
export default YoutubeVideo