#reactjs
#реагирует на
Вопрос:
Вот фрагмент для создания списка воспроизведения видео на Youtube:
lt;ReactPlayer url={[ 'https://www.youtube.com/watch?v=oUFJJNQGwhk', 'https://www.youtube.com/watch?v=jNgP6d9HraI' ]} /gt; Я хочу создать свой собственный плейлист (в настоящее время локальные файлы), а не с URL-адреса YouTube
Комментарии:
1. вы не можете напрямую получить доступ к локальным файлам из-за некоторых соображений безопасности, но вы можете импортировать облако и указать URL-адрес файла.
2. Разочаровывает !
Ответ №1:
Вы пробовали импортировать файл и поместить его в URL-адрес следующим образом:
import myVid from './myVid.mp4' ... lt;ReactPlayer url={myVideo} /gt; Попробуйте эти решения ниже:
1/ удалите синтаксис ES6 и попробуйте CommonJS, как это
... const myVid = require("./myVid.mp4") return ( lt;ReactPlayer url={myVideo} /gt; ) 2/ Если вы использовали приложение Create React (CRA) для создания проекта, вы можете попытаться поместить видеофайлы в общую папку и использовать ее следующим образом (импорт не требуется).:
... return ( lt;ReactPlayer url='myVid.mp4' /gt; ) Комментарии:
1. Да, конечно, первое, что я сделал, это заменил URL-адреса моими локальными файлами, но это не сработало.
2. Я только что добавил больше решений, проверьте, работает ли это
3. Спасибо, но у меня нет никаких проблем с чтением моих локальных файлов, когда я помещаю свои видео в общую папку, оно отлично работает и воспроизводит видео. Дело в том , что я не хочу воспроизводить ни одного видео, я просто хочу создать список воспроизведения с помощью кнопки «Далее» из моих локальных файлов
4. У меня есть решение для этого, но нужно немного жестко закодировать, если ваших видеофайлов немного, скажем, 10 файлов, вы можете переименовать все видеофайлы следующим образом: myVid_1, myvid_2,…myVid_10. Затем запустите цикл for, чтобы сохранить все имена ваших видеофайлов в массиве URL: [myVid_1, myVid_2,…, myVid_10]