YouTube 视频的自定义播放器

Question

我想在我的 React 项目中实现视频播放器。最好的决定是在我的网站上使用 YouTube 视频，但隐藏 YouTube 导航底部。我可以做吗？或者决定创建/安装自定义播放器和 src YouTube 视频？或者也许还有其他建议，在网站上显示视频的最佳方式是什么？

Answer 1

您可以尝试使用react-player库。它是一个第三方库，但我认为这就足够了。记得先通过npm安装库！

npm 安装反应播放器

import React from 'react';
import ReactPlayer from 'react-player';

const VideoPlayer = () => {
  return (
    <div className="video-wrapper">
      <ReactPlayer
        url="https://www.youtube.com/watch?v=VIDEO_ID"
        controls={false} // Hide controls
        width="100%"
        height="100%"
      />
    </div>
  );
};

export default VideoPlayer;