Невозможно получить доступ к видеофайлам в ReactJS: в консоли не видно ошибок

#reactjs #file-structure

Вопрос:

Я пытаюсь получить доступ к видео в ReactJS, но я не знаю, почему он постоянно их не принимает, консоль не показывает ошибок.

Я пробовал ../assests/videos/video-2.mp4 и другие варианты, но все равно я не могу видеть видео на дисплее, и ни одна консоль не показывает ошибку

Ниже приведен код и файловая структура моего проекта:

Пожалуйста, помогите мне.
Заранее спасибо.

1. Пожалуйста, предоставьте свой код в виде текста. Не прикрепляйте изображения кода. Вы можете прикрепить изображение, чтобы показать структуру папок, но не показывать код.

Ответ №1:

Вам нужно переместить видео в public папку

Пример: Ваша файловая структура будет выглядеть так

 public/assets/videos/video-1.mp4
public/assets/videos/video-2.mp4

Тогда ваш путь /assets/videos/video-1.mp4 будет работать

1. Но это не воспроизведение видео, можете ли вы предложить что-нибудь и для этого тоже.

2. Кроме того, как я видел, люди предлагают поместить папку «Активы» в src, чтобы не возникало двусмысленности. В качестве одного из ответов на переполнение стека они сказали, что «если активы размещены публично, то изображение или видео можно вызвать, используя две разные ссылки, что является плохой практикой».

3. <video width="320" height="240" controls autoplay> <source src="movie.mp4" type="video/mp4"> </video> попробуй вот так