Лучший способ отображения html5 видео на IOS

Question

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

Я пытаюсь построить доказательство концепции для видеоплеера с использованием HTML5, который работает на Android и IOS, трюк в том, что в определенные моменты мне нужно отображать объекты на самом видео.

Теперь я бы обычно использовал видео на холсте или видео тег, чтобы решить его, а затем просто создаю слой на нем с любыми дополнительными данными, которые я хочу синхронизировать и запускать с помощью таймера (на моем конкретном примере я использовал PopcornJS для триггерные события, основанные на времени).

ТЕПЕРЬ, он отлично работает на обычных настольных браузерах, и он хорошо работает для android , но кажется, что Safari не будет его рендерить независимо от того, что ... он настаивает на том, чтобы открыть видео в собственном проигрывателе, игнорируя любые дополнительный JS/HTML.

Ссылка на вопрос can be seen here.

Answer 1

Боюсь, что на iPhone в Safari в настоящее время невозможно. Я работал над веб-приложением интерактивной презентации и столкнулся с той же проблемой.

This question охватывает проблему полного экрана только видео на iPhone. В ответах упоминается атрибут webkit-playsinline, но указывайте, что он работает только внутри объекта UIWebView, а не в Safari.

Надеюсь, это изменится в какой-то момент в будущем.