mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-04-21 22:53:35 -05:00
fd48bced91
* Initial * CSS lint * Test CI * Add 1v1, 2v2, and 3v3 Tags (#1771) * Initial * CSS lint * Test CI * Rename step --------- Co-authored-by: xi <104683822+ximk@users.noreply.github.com>
25 lines
553 B
TypeScript
25 lines
553 B
TypeScript
export function YouTubeEmbed({
|
|
id,
|
|
start,
|
|
autoplay = false,
|
|
}: {
|
|
id: string;
|
|
start?: number;
|
|
autoplay?: boolean;
|
|
}) {
|
|
return (
|
|
<div className="youtube__container">
|
|
<iframe
|
|
className="youtube__iframe"
|
|
src={`https://www.youtube.com/embed/${id}?autoplay=${
|
|
autoplay ? "1" : "0"
|
|
}&controls=1&rel=0&modestbranding=1&start=${start ?? 0}`}
|
|
frameBorder="0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
|
allowFullScreen
|
|
title="Embedded youtube"
|
|
/>
|
|
</div>
|
|
);
|
|
}
|