Я не могу загрузить локальное видео с помощью React. Я поместил видео в свою папку «app/assets/video/concert.mp4». В моем React файл "search_bar.jsx", у меня есть видео тег HTML5 Я считанного на видео, как:Не удается загрузить локальное видео с помощью React
render(){ return (<video src="../../app/assets/videos/concert.mp4" controls />); }
Вот моя структура файла:
- MusicianHub
- приложение
- активы
- видео
- concert.mp4
- видео
- активы
- Frontend
- компоненты
- search_bar.jsx
- компоненты
- приложение
видео тег работает при загрузке внешнего видео. Вот мой webpack.config.js
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel',
query: {
presets: ['react', 'es2015']
}
},
{
test: /\.html$/,
loader: 'html-loader?attrs[]=video:src'
}, {
test: /\.mp4$/,
loader: 'url?limit=10000&mimetype=video/mp4'
}
]
}
Можете ли вы опубликовать свой веб-пакет? Кроме того, попробуйте сделать «импорт видео из» ../../ app/assets/videos/convert.mp4' и сделать '' таким образом, что веб-пакет распознает, что он должен вытащить видеофайл – erichardson30
Использование webpack-dev-server да? –
@ erichardson30 Я загрузил свой файл webpack.config и включил оператор импорта, но похоже, что веб-пакет недоволен загрузчиком, который я предоставил: ERROR в загрузчике /Users/briantsai/Desktop/MusicianHub/node_modules/url/url.js? limit = 10000 & mimetype = video/mp4 не возвратил функцию @ ./frontend/components/search_bar.jsx 15: 15-61 – Brian