VideoPlayer.jsx

"use client";
import React from "react";
import ReactPlayer from "react-player";

const VideoPlayer = () => {
  let videosrc = "/videos/next.mp4";

  return (
    <div>
      <h1>my custome player</h1>
      <ReactPlayer
        width="500px"
        height="400px"
        url={videosrc}
        controls={true}
        light={false}
        pip={true}
      />
      <source src={videosrc} type="video/mp4" />
    </div>
  );
};

export default VideoPlayer;