Question

在buzzfeed上，当Instagram正在加载时，你可以看到一个逐渐移动的相机图标和“＃34; loading＆＃34;”这个词，让你明白它正在加载嵌入物。

我限制了我的网络，在这里显示你所看到的内容：

但是当我嵌入时和使用oembed

时，我无法获得相同的效果

来源：https://www.instagram.com/p/4sUtwkDvI4/ =＆gt;然后点击三个小点＆＃34;在botto上获得嵌入代码
嵌入的jsfiddle我得https://jsfiddle.net/o47u4bxu/embedded/result/

我发现了一些代码，可以让他们在https://www.buzzfeed.com/beatrizserranomolina/instasshole上执行此操作，通过限制连接，您也可以看到：

    <span style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:12px; font-style:normal; font-weight:bold; position:relative; top:15px;">Loading</span></div></div>
    <p style=" line-height:32px; margin-bottom:0; margin-top:8px; padding:0; text-align:center;">
     <a href="https://instagram.com/p/3ozykPy2b8/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; text-decoration:none;" target="_top"> View on Instagram</a></p></div><style>@-webkit-keyframes"dkaXkpbBxI"{ 0%{opacity:0.5;} 50%{opacity:1;} 100%{opacity:0.5;} } @keyframes"dkaXkpbBxI"{ 0%{opacity:0.5;} 50%{opacity:1;} 100%{opacity:0.5;} }</style></blockquote>

如何实现这一目标？我不认为它的原生/默认为Instagram嵌入但是javascript技术。

如何在instagram加载图像时显示加载消息

0 个答案: