Я створив відеопрогравач HTML5 (дуже простий), який чудово працює на iPad і браузері.

Однак, коли я відкриваю його на iPhone, я отримую лише кнопку відтворення, яка при натисканні відкриває власний відеоплеєр у новому вікні поверх усіх моїх речей.

Це означає, що я втрачаю доступ до власних елементів керування та відстеження часу (написаних на Javascript), оскільки відео зараз працює ізольовано.

Чи є спосіб замінити контроль Apple над відео HTML5 на iphone і змусити його працювати як на ipad?

Ура

Правильно,

Я нікуди не подівся з цим і подав помилку в Apple.

Через пару тижнів вони повернулися до мене, сказавши дуже просто, що я повинен додати "webkit-playsinline" до тегу відео в HTML, а також додати властивість "allowInlineMediaPlayback" на UIWebView.

Зрештою, ось як це виглядає:

HTML

<video id="player" width="480" height="320" webkit-playsinline>

Obj-C

webview.allowsInlineMediaPlayback = YES;

І все працює просто чудово :)

Сподіваюся, це комусь допомагає, оскільки це практично не задокументовано, і єдине місце, де я міг знайти посилання на "webkit-playsinline", було в посиланні iAds, де сказано: "Лише iAds JS".

Поки iOS Safari не реалізує підтримку вбудованого відео, вам потрібно писати відеодекодер мовою, що підтримується Інтернетом. Існують реалізації відеодекодерів, такі як Broadway для H.264 (відео), jsmpeg для mpeg1 та ogv.js (підтримка відео та звуку).

Майте на увазі, що процес декодування відео обчислювально важкий. Очікуйте відносно повільний FPS (± 20).

Для довідки ці хлопці підготували демонстрацію відео, яке ви можете відтворити на своєму пристрої iOS.

В iOS 10+

Apple увімкнула атрибут playsinlineу всіх браузерах на iOS 10, тому це працює безперешкодно:

<video src="file.mp4" playsinline>

В iOS 8 та iOS 9

Ви можете обійти цю проблему, імітуючи відтворення за допомогою ковзаючи відео замість того , щоб на самому справі .play()«ІНГ його.

Ви можете використовувати iphone-inline-video, щоб подбати про відтворення та синхронізацію звуку (якщо такі є), і він підтримує <video>роботу як слід.

У вас створена програма чи це для мобільного сафарі? Якщо у вас є програма і ви використовуєте UIWebView, вам слід встановити властивість UIWebView allowInlineMediaPlayback.

У iOS 10 додавання атрибута 'playsinline' до відеотегу HTML5 не перешкоджало повноекранному відтворенню на iPhone UIWebview, поки я також не додав атрибут 'controls'. Ось як я змусив це працювати:

<video width="100%" height="240" controls playsinline>
      <source src="movie.mp4" type="video/mp4" >
</video>

Звичайно, і _webView.allowsInlineMediaPlayback=YES;в ViewController.

Є кілька способів роботи, я працюю над бібліотекою, щоб дозволити цю функціональність автоматично. Однак, поки Apple не встановить сафарі

webview.allowsInlineMediaPlayback = YES;

тоді нам доведеться використовувати хаки для тієї ж поведінки.

Ви можете перевірити проект тут: https://github.com/newshorts/InlineVideo, щоб перевірити, чи відповідає він вашим потребам.

Просто додайте до вашого config.xml наступне: <preference name="AllowInlineMediaPlayback" value="true" /> інакше UIWebView нехтуватиме атрибутом webkit-playsinline.

Ви можете легко дозволити це, додавши це до вашого config.xml: UIWebView тоді повинен поважати атрибут webkit-playsinline.