Javascript iphone上的Webkit playsinline

我目前正在做一个有很多视频的项目，这个项目需要在iphone上运行

但实际上，ios的视频占位符不允许我在页面中滚动。我尝试在我的视频标签上应用webkit playsinline属性，但它不起作用

有没有一种方法——完全采用HTML5/JS——来防止ios视频播放器的原生行为

我注意到这个问题只出现在iphone（ios 7）上，而不是ipad上

谢谢

这是我的视频标签：

<video vineresizer preload="auto" poster="{{vine.src_poster}}" loop webkit-playsinline="webkit-playsinline" controls="controls">
    <source ng-src="{{ trustSrc(vine.src_video) }}" type="video/mp4">
</video>

---

我也一直在广泛研究这个问题

不幸的是，“webkit playsinline”仅在本机应用程序的UIWebView中有效，并且仅在本机代码中设置了标志时有效。见问题

从苹果的文档来看，似乎没有办法阻止这种默认行为，但你仍然可以从本地播放器捕获“结束”和“暂停”事件，就好像它只是一个内嵌在页面中的HTML5播放器一样。即“结束”等的事件侦听器仍应工作

您还可以从本机播放机获取一些状态信息：

总的来说，您只能以非常有限的方式与本机播放器交互，并且不存在已知的覆盖。

在iOS 10中+ 苹果最终将在iOS 10上的所有浏览器中启用属性

playsinline

，因此这将无缝工作：

<video src="file.mp4" playsinline>

在iOS 8和iOS 9中 您可以通过浏览视频来模拟播放，而不是实际播放

.play（）

'

---

可以处理播放和音频同步（如果有），并保持

正常工作。

实际上，最新ios10 betas中的属性名称是

有没有办法强制YouTube视频“播放在线”？

<video src="file.mp4" playsinline>