Я использую смешанные плейлисты (с Youtube и загруженными видео (используя react-youtube и Azure Media Player).
Желаемые функции:
- Переключение между видео Youtube (Y) и Y.
- Переключение между загруженным (U) и U видео.
- Переключение между видео Y и U.
- Переключение между видео U и Y.
- Когда Y-видео заканчивается, автоматически воспроизводится следующее видео, если Y.
- Когда видео U заканчивается, автоматически воспроизводится следующее видео, если U.
- Когда Y-видео заканчивается, автоматически воспроизводится следующее видео, если U.
- Когда видео U заканчивается, автоматически воспроизводится следующее видео, если Y.
Неработающие функции при переключении с Youtube на загруженные, все остальные параметры работают отлично Ошибка при попытке переключиться с Y на U:
DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
У меня есть компонент CourseDetails, в нем я использую компонент azuremediaplayer/mediaPlayer для видео U и react-youtube. В обоих случаях я изменяю выбранное видео с помощью setState, и я получаю эту ошибку, когда делаю это из видео U.
Редактировать 1: При переключении с видео Y на Y или U компонент не отключается, а также при переключении между видео U. Но при переходе от U к Y это так. В обоих случаях я меняю состояние.
Редактировать 2: Проблема в том, что компонент Azure Media Player нельзя удалить. Если я не использую этот компонент, переключение работает (хотя в случаях U не показывается видео, так что это бессмысленно).
С удовольствием поделится любым необходимым кодом для решения этой проблемы.