https://codesandbox.io/s/react-video-js-youtube-example-n4xp91
（视频播放目前在沙盒内不工作，但代码将在本地工作）

npm install video.js
npm install videojs-youtube

那么如果你使用的是更高版本的video.js（版本>= 6），那么只需要导入插件即可：

import "videojs-youtube";

并且插件初始化自身。
重要的是，任何Youtube视频源也设置为type: "video/youtube"。

import { useEffect, useRef } from "react";
import videojs from "video.js";
import "videojs-youtube";
import "video.js/dist/video-js.css";

const initialOptions = {
  controls: true,
  fluid: true,
  controlBar: {
    volumePanel: {
      inline: false
    }
  }
};

const videoJsOptions = {
  sources: [
    {
      type: "video/youtube", //important
      src: "https://www.youtube.com/watch?v=GlhV-OKHecI"
    }
  ]
};

export default function App() {
  const videoNode = useRef(null);
  const player = useRef(null);
  const initialized = useRef(false);

  useEffect(() => {
    if (videoNode.current && !initialized.current) {
      initialized.current = true; //prevent duplicate initialization
      player.current = videojs(videoNode.current, {
        ...initialOptions,
        ...videoJsOptions
      }).ready(function () {
        console.log("Player Ready");
      });
    }
    //clear up player on dismount
    return () => {
      if (player.current) {
        player.current.dispose();
      }
    };
  }, []);

  return (
    <div className="App">
      <video ref={videoNode} className="video-js" />
    </div>
  );
}