"web tag-playsinline" attributo tag video

Question

L'attributo <video> tag webkit-playsinline impedisce apparentemente il comportamento predefinito a schermo intero dei video HTML5.

Ho aggiunto questo attributo al mio tag video e controllato mobile safari e chrome su iPhone iOS6 e non funziona. Il video continua a schermo intero. This is similar to others' experiences as described on SO two years ago.

Quali browser per dispositivi mobili fino ad oggi, 13 giugno 2013, funziona questo attributo webkit-playsinline?

Answer 1

L'attributo webkit-playsinline funziona per i video HTML5 su iOS4 + ma solo quando si salva la pagina Web sulla schermata iniziale come applicazione web. Se si utilizza Safari mobile, si aprirà sempre a schermo intero.

Theres un piccolo trafiletto sul suo supporto qui: http://developer.apple.com/library/ios/#documentation/uikit/reference/UIWebView_Class/Reference/Reference.html

Ho visto anche sulle recenti versioni di Android che la riproduzione di video in linea funziona nel suo browser nativo.

Answer 2

appare come questa might finally get implemented properly in iOS 10

Answer 3

Apple ha finalmente consentito l'attributo playsinline su iOS 10, quindi questo funzionerà:

<video src="file.mp4" playsinline> 

ho scritto un polyfill chiamato iphone-inline-video che aggiunge lo stesso comportamento a iOS 8 e 9.

Answer 4

Questo ha funzionato per me. Ho provato a utilizzare playsinline all'interno del tag video. Ma non ha funzionato, quindi ho provato a impostare l'attributo da jQuery

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