src/components/MiniYouTubePlayer/index.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import React from "react";
import { default as YouTubePlayer } from "react-youtube";

interface Props {
  id: string;
}

export function MiniYouTubePlayer({ id }: Props) {
  return (
    <div style={{ margin: "5% 0" }}>
      <YouTubePlayer
        videoId={id}
        opts={{
          width: "336",
          height: "189",
          playerVars: {
            autoplay: 0,
            playsinline: 1,
          },
        }}
      />
    </div>
  );
}