如何在特定索引中嵌入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（看看是否有更多的健壮的）的方法来确定这一点）。当 atranslateX为 0 时，您位于索引 0，然后当 atranslateX为 -658（并更改）时，您位于索引 1（或者我猜是 -1？）。话虽如此，我不确定您是否能够访问此信息，因为它是一个 iframe 和整个 CORS 崩溃。我不确定 Instagram 允许做什​​么。

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