如何在特定索引中嵌入Instagram轮播？

Question

我正在使用https://api.instagram.com/oembed嵌入Instagram旋转木马（例如https://www.instagram.com/p/BvRwa1tArMo）。

我想知道是否有办法选择旋转木马图像的索引。例如，在这种情况下，我希望嵌入显示第二个图像而不是第一个图像。

我的简化代码是：

$.get(
  'https://api.instagram.com/oembed?url=https://www.instagram.com/p/BvRwa1tArMo&hidecaption=1&omitscript=1',
  function (data) {
    $('#ig-post').html(data.html);
  }
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://www.instagram.com/embed.js"></script>
<div id="ig-post"></div>

（由于某种原因，它在这里没有完全起作用，但它在jsfiddle：https://jsfiddle.net/43veku7t/）

Answer 1

那么你可以采取li._-1_m6的宽度（我讨厌带有激情的混淆类名）元素，在jsfiddle的上下文中是658.406px，然后看看translateX类的.MreMs属性（看看是否还有更多）一种强有力的方法来确定这一点）。在translateX为0时，你在索引0，然后在-658的translateX（并且改变）你在索引1（或者我猜是-1）。所有这一切，我不确定你是否能够访问这些信息，因为它是一个iframe和整个CORS崩溃。我不确定Instagram允许什么。

如果这不起作用，那么我很遗憾地说，没有办法。