Атрибут тега <video> webkit-playsinline якобы запрещает по умолчанию переходить к полноэкранному поведению видео HTML5.
Я добавил этот атрибут в свой тег видео и проверил мобильное сафари и хром на iPhone iOS6, и он не работает. Видео по-прежнему отображается в полноэкранном режиме. Это похоже на опыт других, как описано в SO два года назад.
Какие мобильные браузеры на сегодняшний день, 13 июня 2013 года, работает ли этот атрибут webkit-playsinline?
Apple наконец-то включила атрибут playsinline на iOS 10, поэтому это будет работать:
<video src="file.mp4" playsinline>
Я написал polyfill, называемый iphone-inline-video, который добавляет то же поведение к iOS 8 и 9.
Атрибут webkit-playsinline работает для видео HTML5 на iOS4 +, но только при сохранении веб-страницы на главном экране в качестве веб-приложения. Если вы используете мобильный Safari, он всегда будет открывать полноэкранный режим.
Theres небольшой рекламный ролик о его поддержке здесь: http://developer.apple.com/library/ios/#documentation/uikit/reference/UIWebView_Class/Reference/Reference.html
Я также видел в последних версиях Android, что встроенное видеовоспроизведение действительно работает в своем родном браузере.
Похоже, что наконец-то может быть правильно реализовано в iOS 10
Это сработало для меня. Я попытался использовать playsinline внутри тега видео. Но это не сработало, поэтому я попытался установить атрибут из jQuery
$('#you video tag id').attr('playsinline','');