import React from "react"; import ReactVideoJsPlayer from "./React-video-js-player/index"; import PlayCircleFilledRoundedIcon from "@material-ui/icons/PlayCircleFilledRounded"; import "./index.scss"; const maxMobileSize = 550; const fontSize = { mobile: { h3: window.innerWidth > maxMobileSize ? 16 : window.innerWidth / 25, }, desktop: { h3: window.innerWidth > maxMobileSize ? 16 : window.innerWidth / 80, }, }; export default function VideoBox(props) { const { data } = props; return ( <> {window.innerWidth > 1000 ? (