自分用メモ

windows10
wsl2:ubuntu
node: v15.9.0
react: 17.0.1
react-player:2.9.0

create-react-appして動画ファイルを使いたいときインストールしたのがReact-Player。

ubuntu

npm i -s react-player

で、実装。

App.js

import ReactPlayer from 'react-player'

function App() {
    return (
        <div>
           <ReactPlayer url='videos/〇〇.mp4' playing width="100%" loop/>
        </div>
    )
}
export default App

この時パスわかんなくなってハマりました。
react-playerではpublicフォルダの中を見ているようで、public以下のパスを記述して見れるようになりました。以上。