＆＃34; WebKit的playsinline＆＃34;视频标记属性

Question

<video>标记属性webkit-playsinline可能会阻止默认转到HTML5视频的全屏行为。

我在iOS6 iPhone上将此属性添加到我的视频代码并检查了移动版Safari和Chrome，但它不起作用。视频仍然全屏显示。 This is similar to others' experiences as described on SO two years ago.

截至2013年6月13日的移动浏览器，此属性webkit-playsinline是否有效？

Answer 1

Apple终于在iOS 10上启用了playsinline属性，因此这将起作用：

<video src="file.mp4" playsinline>

我写了一个名为iphone-inline-video的polyfill，它为iOS 8和9添加了相同的行为。

Answer 2

webkit-playsinline属性适用于iOS4 +上的HTML5视频，但仅限于将网页作为网络应用程序保存到主屏幕时。如果您使用的是移动Safari，它将始终打开全屏。

关于它的支持，这里有一个小小的模糊： http://developer.apple.com/library/ios/#documentation/uikit/reference/UIWebView_Class/Reference/Reference.html

我在最近的Android版本上也看到内联视频播放在其原生浏览器中可以正常工作。

Answer 3

看起来像might finally get implemented properly in iOS 10

Answer 4

这对我有用。我尝试在视频标记内使用playsinline。但它没有用，所以我尝试从jQuery

设置属性

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