Instagram嵌入在某些移动设备上不起作用

Question

它将加载占位符“在Instagram上查看此帖子”，而不是嵌入式媒体。使用标准的Instagram嵌入代码，并且这会在同一设备上的Chrome浏览器和Firefox浏览器中发生。有趣的是，它正在Android和iOS上发生，但仅在我测试的少数设备上发生。

有什么主意吗？

Answer 1

我在iOS 12中使用WKWebView遇到了同样的问题。对我有用的解决方案是使用带有标准链接的iframe（最后一个路径元素为“ / embed”），而不是Instagram提供的嵌入代码。来自viewDidLoad（）的示例：

let embed = "<iframe src=\"https://www.instagram.com/p/BwdGxDGAOcP/embed\" width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" allowtransparency=\"true\"></iframe>"
let config = WKWebViewConfiguration()
config.allowsInlineMediaPlayback = true
let webview = WKWebView(frame: view.frame, configuration: config)
webview.uiDelegate = self
view = webview
webview.loadHTMLString(embed, baseURL: nil)