<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
是否有效?
答案 0 :(得分:31)
Apple终于在iOS 10上启用了playsinline
属性,因此这将起作用:
<video src="file.mp4" playsinline>
我写了一个名为iphone-inline-video的polyfill,它为iOS 8和9添加了相同的行为。
答案 1 :(得分:15)
webkit-playsinline
属性适用于iOS4 +上的HTML5视频,但仅限于将网页作为网络应用程序保存到主屏幕时。如果您使用的是移动Safari,它将始终打开全屏。
关于它的支持,这里有一个小小的模糊: http://developer.apple.com/library/ios/#documentation/uikit/reference/UIWebView_Class/Reference/Reference.html
我在最近的Android版本上也看到内联视频播放在其原生浏览器中可以正常工作。
答案 2 :(得分:7)
答案 3 :(得分:1)
这对我有用。我尝试在视频标记内使用playsinline
。但它没有用,所以我尝试从jQuery
$('#you video tag id').attr('playsinline','');