iPhone上的内嵌视频播放即时文章在iPhone上

Question

我使用iframe在Facebook即时文章中嵌入视频。

• 当我尝试在Android手机上播放视频时，它会内联播放（即）不是全屏播放。
• 但是，如果我尝试观看即时文章并尝试在iPhone上播放视频，将由原生iOS视频播放器接管。
• 我需要在我的自定义视频播放器中播放，这就是我使用iframe嵌入它的原因。

我已尝试将 playinline 和 webkit-playsinline 属性添加到视频代码和iframe中。

但他们仅适用于Safari 而不是即时文章。

有没有办法在即时文章中实现内联视频播放？

Answer 1

我一直面临同样的问题。让我分享一下我的发现：

嵌入在iframe中的自定义HTML5视频播放器不能在iPhone上为Facebook Instant Articles内联播放。这是因为Facebook使用WebView呈现即时文章，并且未配置为内联播放。我在一些离子项目中看到过相同的行为，基本上除非Facebook改变了一些WebView设置，否则你无能为力（至少我还没有找到任何解决方法）。 这不仅仅是你。请参阅Facebook文档中的Youtube sample - 它的行为相同。

似乎（至少在iOS 10+上）当你在iframe中使用自定义播放器时，默认的iOS控件会在你退出全屏时出现，这会导致双重显示控件，这是不理想的。我认为这是因为不允许内联播放。我也看到过在iPhone上播放视频广告的问题。

一句话是，自定义HTML5视频播放器在iPhone上的Instant Articles中效果不佳，最好使用简单的HTML5 video tag。

我希望他们将来能改变这种状况。