3

我正在使用 iframe 在 Facebook Instant Article 中嵌入视频。

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

我已经尝试将playsinline和webkit-playsinline属性添加到视频标签和iframe 中。

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

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

4

1 回答 1

2

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

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

此外，似乎（至少在 iOS 10+ 上）当您在 iframe 中使用自定义播放器时，默认的 iOS 控件会在您退出全屏时立即显示，这可能会导致控件的双重显示，这并不理想。我再次认为这是因为不允许内联播放。我还看到了在 iPhone 上播放视频广告的问题。

底线是自定义 HTML5 视频播放器在 iPhone 上的 Instant Articles 中效果不佳，最好使用简单的HTML5 视频标签。

我希望他们在未来改变这一点。

于 2017-09-29T13:56:25.457 回答