我正在尝试使用 react-player 将本地视频加载到反应中来播放视频。我有基本的代码设置,但我不确定为什么视频没有播放。
我已经看到一些关于需要在公共文件夹中的视频的喋喋不休,但这真的有必要吗?这是代码框,下面是实际代码:
import React, { useState } from "react";
import ReactPlayer from "react-player";
import classes from "./app.module.css";
function App() {
const [videoFilePath, setVideoFileURL] = useState(null);
return (
<div>
<div>
<button onClick={() => setVideoFileURL("./assets/beyondTheSea.mp4")}>
Play
</button>
</div>
{/**VIDEO 1 */}
<div>
{videoFilePath ? (
<ReactPlayer
url={videoFilePath}
width="50%"
height="50%"
controls={true}
/>
) : (
<div></div>
)}
</div>
</div>
);
}
export default App;