我正在尝试创建一个网站，允许用户使用React从系统上的任何地方播放视频文件。
如果我使用video标签：
<video className='myVideo' src="/home/tashif/Downloads/CSS/1.mp4" controls autoPlay> </video>视频无法加载！
如果我使用标记为：
<video className='myVideo' src={require("/home/tashif/Downloads/CSS/1.mp4")} controls autoPlay> </video>我得到以下错误：
未找到模块：错误：您试图导入的/home/tashif/Downloads/CSS/1.mp4福尔斯项目src/目录中。不支持src/目录外的相对导入。您可以将其移动到src/目录内，或从项目的node_modules/添加符号链接到它。
我想：
- 改变src属性，所以，那应该是一个变量
- 从系统上的任何位置加载视频文件，而不限于特定位置
react可以做到这一点吗？或者，我应该切换回Javascript吗？
2条答案
按热度按时间k2fxgqgv1#
首先，将视频文件放在项目的公共目录中
例如对于位于文件夹/public/assets/video.mp4中的视频
jq6vz3qz2#
我想到了一个变通办法。
1.创建一个快速服务器，将本地文件从驱动器上的任何位置复制到项目的文件夹中。
fs.copyFileSync（'from'，'to '）;
1.使用视频标签：
〈video src={require（“复制后的视频位置/video.mp4”）}控制自动播放〉
请记住：您的视频可以来自任何地方，但请确保将其复制到相同的位置和相同的名称，video.mp4，如**require（...）**函数中所述。