React Iframe Video Player не автоматическое процесс на следующее видео (внешний источник внутри iframe) ⇐ Javascript

[Anonymous]

Я строю пользовательский видеоплеер React, который использует внешний видеоплееров для загрузки (например, ссылка на пример). Я хочу, чтобы приложение автоматически переходило к следующему видео, когда текущее заканчивается-но, поскольку видео встроено из стороннего iframe, я не могу обнаружить событие для видео. Функция) < /p>
Текущая настройка:
Вот фрагмент из моего пользовательского компонента: < /p>

< /code>
Full VideoPlayer.tsx имеет пользовательские элементы управления и попытки обнаружить, когда видео заканчивается, но, поскольку оно загружается с внешнего сайта, я не могу подключить какие -либо события воспроизведения. />1. Использование API PostMessage-Источник iframe не поддерживает общение. < /p>
2.2.muthitobserver-Изменения внутри iframe недоступны из-за политики перекрестного оригина. />1.A Способ определения, когда видео во внешнем iframe заканчивается воспроизведение, чтобы воспроизвести следующий < /p>
2. или любой обходной путь /взломать, чтобы запустить onnext () после окончания видео < /p>
. https://moivenm.rpmvip.com/#y6p11> 🛠 Tech Stack:
React + TypeScript
Tailwind CSS
В видео вставлено из 3 -х игроков. Даже если это требует прокси -слоя или хакерского решения, я хотел бы услышать ваши мысли.

Подробнее здесь: https://stackoverflow.com/questions/797 ... -source-in