Тег видео в реакции с проектом create-реагировать-приложение

У меня проблема с добавлением локального видео в мой проект, поскольку

<video src={import(src/assets/abc.mp4)} type="video/mp4"/>

Я исследовал и узнал о

конфигурация веб-пакета

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

Я не могу использовать облачный хостинг для своих видео, потому что мне это нужно и в мобильной версии. Пожалуйста, кто-нибудь может помочь?


person Asela Wijesinghe    schedule 05.07.2017    source источник
comment
Знаете ли вы, какие изменения вам нужно внести в конфигурацию веб-пакета?   -  person Aftab Khan    schedule 05.07.2017
comment
можешь поделиться своим вебпаком?   -  person Vikram Saini    schedule 05.07.2017
comment
@AftabKhan, поскольку я не использую веб-пакет вручную, я не могу найти способ настройки, так как реагирующий скрипт запускает задачи веб-пакета внутри. поэтому, если конфигурация веб-пакета является решением, я должен начать с попытки добавить файл конфигурации, который работает с реагирующими сценариями. не могли бы вы привести меня оттуда к моей исходной проблеме, которая является локальным воспроизведением видео в моем проекте?   -  person Asela Wijesinghe    schedule 05.07.2017
comment
@VikramSaini Я не пробовал настраивать веб-пакет, так как не могу найти способ взломать поведение приложения «создать-реагировать», если это единственный способ, то я хочу попробовать   -  person Asela Wijesinghe    schedule 05.07.2017
comment
Мой вопрос был больше о том, знаете ли вы, как работать с конфигурациями веб-пакетов. Вы можете получить все зависимости проекта в папке проекта, запустив npm run eject   -  person Aftab Khan    schedule 05.07.2017


Ответы (1)


Синтаксис, который вы пытаетесь использовать (динамический import()), предназначен для разделение кода, но не для добавление файлов.
Я не знаю, почему вы искали конфигурацию Webpack, так как она поддерживается из коробки.

Пожалуйста, следуйте официальная документация, объясняющая, как импортировать активы:

// Assuming abc.mp4 is in the same folder as this component
import myVideo from './abc.mp4';
// This will become a string with the path to the video at build time

// Your component definition
export default function MyComponent() {
  return <video src={myVideo} type="video/mp4" />;
}
person Dan Abramov    schedule 05.07.2017
comment
Это прекрасно работает с изображениями, но, по общему признанию, у меня возникают проблемы с видео. Видео никогда не загружается с использованием этого кода, хотя URL-адрес видео действителен и загружается, если он размещен в браузере сам по себе. У кого-нибудь были проблемы с этим? - person Martavis P.; 29.12.2017
comment
Возможно, у вас просто не тот формат для браузера. Вам может понадобиться формат .ogv для FF. w3schools.com/html/html5_video.asp - person CodeFinity; 01.01.2021