javascript - 如何在特定索引中嵌入 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 然后看一下在 .MreMs 类的 translateX 属性中(查看是否有更可靠的方法来确定这一点)。在 translateX 为 0 时，您位于索引 0，然后在 translateX 为 -658(并更改)时您位于索引 1(或者我猜是 -1？) .综上所述，我不确定您是否能够访问此信息，因为它是一个 iframe 和整个 CORS 崩溃。我不确定 Instagram 允许什么。

如果那不行，那我很遗憾地说，没有办法。