30

<video>tag 属性据说可以防止 HTML5 视频的webkit-playsinline默认全屏行为。

我将此属性添加到我的视频标签并检查了 iOS6 iPhone 上的移动 safari 和 chrome，但它不起作用。视频仍然全屏显示。这类似于两年前在 SO 中描述的其他人的经历。

截止到 2013 年 6 月 13 日，哪些移动浏览器可以使用此属性webkit-playsinline？

4

4 回答 4

40

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

<video src="file.mp4" playsinline>

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

于 2016-06-22T12:15:00.880 回答
17

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

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

我还在最新版本的 Android 上看到内联视频播放确实可以在其本机浏览器中工作。

于 2013-07-25T19:19:54.387 回答
7

看起来这可能最终会在 iOS 10 中正确实现

于 2016-06-20T16:43:39.840 回答
3

This worked for me. I tried to use playsinline inside of video tag. But it didn't work so I tried to set attribute from jQuery

$('#you video tag id').attr('playsinline','');
于 2016-10-26T06:16:38.117 回答