Могу ли я избежать встроенного полноэкранного видеоплеера с HTML5 на iPhone или Android?

Я создал веб-приложение, которое использует тег HTML5 и код JavaScript, который отображает другое содержимое, синхронизированное с текущим видео. Он отлично работает в настольных браузерах: Firefox, Chrome и Safari. На iPhone или DroidX встроенный видеопроигрыватель всплывает и захватывает экран, тем самым скрывая другой динамический контент, который я хочу отображать одновременно с видео.

Есть ли способ обойти это? В случае необходимости я выясню, как писать собственные приложения для обеих платформ, но это сэкономит мне массу усилий, если я могу просто придерживаться HTML5 / JavaScript.

Solutions Collecting From Web of "Могу ли я избежать встроенного полноэкранного видеоплеера с HTML5 на iPhone или Android?"

Существует свойство, которое включает / отключает воспроизведение в линейном медиа в браузере iOS (если вы пишете собственное приложение, это будет свойство allowsInlineMediaPlayback UIWebView). По умолчанию на iPhone установлено значение NO , но на iPad установлено значение YES .

К счастью для вас, вы также можете настроить это поведение в HTML следующим образом:

<video id="myVideo" width="280" height="140" webkit-playsinline>

… это, надо надеяться, разобраться с вами. Я не знаю, будет ли это работать на ваших устройствах Android. Это свойство webkit, так оно и есть. Во всяком случае, стоит.

В iOS 10+

Apple playsinline атрибут playsinline во всех браузерах на iOS 10, поэтому это работает без проблем:

 <video src="file.mp4" playsinline> 

В iOS 8 и iOS 9

Короткий ответ: используйте iphone-inline-video , он позволяет встроенное воспроизведение и синхронизирует звук.

Длинный ответ: вы можете обойти эту проблему, моделируя воспроизведение, уменьшая видео, а не фактически .play() .

Вот ссылка разработчика Apple, которая прямо говорит, что –

На iPhone и iPod touch, которые являются устройствами небольшого экрана, «Видео не представлено на веб-странице»,

Особые соображения, касающиеся устройства Safari

СЕЙЧАС :

  • webkit-playsinline работает для видео в формате HTML5 на iOS, но только при сохранении веб-страницы на webkit-playsinline экране в качестве веб-приложения – не если открыта страница в Safari
  • Для собственного приложения с WebView (или гибридного приложения с HTML, CSS, JS) UIWebView позволяет воспроизводить видеоролик, но только если вы установите для свойства allowsInlineMediaPlayback для класса UIWebView значение true

В соответствии с этой страницей http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/Attributes.html она доступна только в том случае, если (включено только в UIWebView с свойством allowInlineMediaPlayback, установленным в YES .) Я понимаю, что в Mobile Safari это ДА на iPad и НЕТ на iPhone и iPod Touch.

Я не знаю об андроиде, но Safari на iPhone или iPod touch будет воспроизводить все видео в полноэкранном режиме из-за небольшого размера экрана. На iPad он будет воспроизводить видео на странице, но позволит пользователю сделать его полноэкранным.

В iOS 10 beta 4. Правильный код в html 5 – это <video src="file.mp4" webkit-playsinline="true" playsinline="true"> webkit-playinginline для iOS 10-, а playinline для iOS 10 +.

См. Подробности через https://webkit.org/blog/6784/new-video-policies-for-ios/