Unable to Play Video Links in React

Question

I am trying to play video links in react, at the moment only youtube player plays. How can I add wistia, vimeo, and loom? I have tried using the VLC player but it throws an error regarding the dependencies.

import ReactPlayer from "react-player";

{
  this.state.element.element === "Video" && (
    <div className="justify-content-center">
      <div className="p-3">
        <input
          id="video"
          type="text"
          className="form-control"
          placeholder="Enter Website's URL"
          defaultValue={this.props.element.url}
          onBlur={this.updateElement.bind(this)}
          onChange={this.editElementProp.bind(this, "url", "value")}
        />
      </div>
      <div className={`p-3 ${styles.iframeHeading}`}>
        <ReactPlayer
          className="w-100 h-100"
          allowfullscreen
          url={this.props.element.url}
          height="200"
          width="300"
          title="Content Loaded from Website"
        />
      </div>
    </div>
  );
}