尝试在 videojs 中播放视频时无法加载媒体错误
发布于2022-04-19 02:14 阅读(2351) 评论(0) 点赞(23) 收藏(0)
我在我的 React 项目中使用 videojs。我正在尝试从本地路径播放视频。但是当我尝试这样做时出现错误。这是我提供给视频源的路径，我也附上了项目结构。
<video id="myvideo" src="./src/pages/VideoScreen/CarChase.mp4" type="video/mp4"/>
这是我的项目结构
这是我的错误
还有为什么我的 .mp4 文件是红色的。有什么不对的吗？
我在我的 webpack 中添加了这些加载器也可以尝试
{
test: /\.html$/,
loader: 'html-loader?attrs[]=video:src'
}, {
test: /\.mp4$/,
loader: 'url?limit=10000&mimetype=video/mp4'
},
但这也没有用。我是否以错误的方式给出了路径？
解决方案
url 加载器不适用于srcjsx 中的属性。您必须像这样导入视频文件：
import videoSrc from './src/pages/VideoScreen/CarChase.mp4';
//...
id="myvideo"
src={videoSrc}
type="video/mp4"
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/336678/139179dd9cf43824e8d6/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力