mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2026-10-17 18:53:30 -04:00
25 lines
434 B
TypeScript
25 lines
434 B
TypeScript
import ReactPlayer from "react-player/lazy";
|
|
import type { ReactPlayerProps } from "react-player";
|
|
|
|
const Video = (props: ReactPlayerProps) => (
|
|
<div
|
|
style={{
|
|
position: "relative",
|
|
paddingTop: "56.25%",
|
|
}}
|
|
>
|
|
<ReactPlayer
|
|
width="100%"
|
|
height="100%"
|
|
style={{
|
|
position: "absolute",
|
|
top: 0,
|
|
left: 0,
|
|
}}
|
|
{...props}
|
|
/>
|
|
</div>
|
|
);
|
|
|
|
export default Video;
|