Использование JavaScript для переноса видеоэлемента HTML5 ломает видеопроигрыватель в iOS

Question

Я использую JavaScript, чтобы обернуть видео проигрыватель HTML5 в div для стилизации. Если разметка существует, когда страница загружается, проигрыватель функционирует должным образом. Однако, если я применю обертку динамически с помощью JavaScript, проигрыватель становится черным, а его элементы управления недоступны. Я протестировал применение различных элементов в качестве оберток, и похоже, что это происходит с любым элементом уровня блока, но не с встроенными элементами. Я не могу найти документацию по этой ошибке или другим, кто сталкивался с ней через Google. У кого-нибудь есть обходной путь?

Answer 1

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

Когда видео переопределяется (как было бы, если бы вы использовали решение, подобное slick ,он возвращается к 00:00 и делает паузу. После перекомпоновки вы сможете получить прямой доступ к видео через JS и вызвать метод play (), чтобы начать его снова.