Атрибут видеотега "webkit-playinginline"

Атрибут тега <video> webkit-playsinline якобы запрещает по умолчанию переходить к полноэкранному поведению видео HTML5.

Я добавил этот атрибут в свой тег видео и проверил мобильное сафари и хром на iPhone iOS6, и он не работает. Видео по-прежнему отображается в полноэкранном режиме. Это похоже на опыт других, как описано в SO два года назад.

Какие мобильные браузеры на сегодняшний день, 13 июня 2013 года, работает ли этот атрибут webkit-playsinline?

Ответы

Ответ 1

Apple наконец-то включила атрибут playsinline на iOS 10, поэтому это будет работать:

<video src="file.mp4" playsinline>

Я написал polyfill, называемый iphone-inline-video, который добавляет то же поведение к iOS 8 и 9.

Ответ 2

Атрибут webkit-playsinline работает для видео HTML5 на iOS4 +, но только при сохранении веб-страницы на главном экране в качестве веб-приложения. Если вы используете мобильный Safari, он всегда будет открывать полноэкранный режим.

Theres небольшой рекламный ролик о его поддержке здесь: http://developer.apple.com/library/ios/#documentation/uikit/reference/UIWebView_Class/Reference/Reference.html

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

Ответ 4

Это сработало для меня. Я попытался использовать playsinline внутри тега видео. Но это не сработало, поэтому я попытался установить атрибут из jQuery

$('#you video tag id').attr('playsinline','');