我正在使用iframe在Facebook Instant Article中嵌入视频。
- 当我尝试在Android手机上播放视频时，它会内联播放(即(而不是全屏播放。
- 但是，如果我尝试观看即时文章并尝试在iPhone上播放视频，则它将被本机iOS视频播放器接管。
- 我需要它在我的自定义视频播放器中播放，这就是我使用 iframe 嵌入它的原因。
我尝试将playsinline和webkit-playsinline属性添加到视频标签和iframe中。
但它们仅适用于 Safari而不是即时文章。
有没有办法在即阅文中实现内嵌视频播放？
我一直面临同样的问题。让我分享我的发现：
嵌入在 iframe 中的自定义 HTML5 视频播放器无法在 iPhone 上以内联方式播放 Facebook 即阅文。这是因为 Facebook 使用 WebView 来呈现即阅文，并且未配置为内联播放。我在某些Ionic项目中看到了相同的行为，基本上除非Facebook更改某些WebView设置，否则您将无能为力(至少到目前为止我还没有找到任何解决方法(。 不仅仅是你。请参阅Facebook文档中的Youtube示例 - 它的行为相同。
此外，似乎(至少在iOS 10 +上(当您在iframe中使用自定义播放器时，默认的iOS控件会在退出全屏后立即显示，这可能会导致控件的双重显示，这并不理想。我再次认为这是因为不允许内联播放。我还看到了在iPhone上播放视频广告的问题。
最重要的是，自定义HTML5视频播放器在iPhone上的即阅文中效果不佳，最好使用简单的HTML5视频标签。
我希望他们将来能改变这种状况。