谷歌 AMP amp-instagram

添加社交媒体帖子，评论是开发人员倾向于添加的网站中的有吸引力的功能，而 Instagram 是 2020 年流行的社交媒体网络之一，嵌入 Instagram 帖子在寻求吸引观众时会派上用场。在 AMP HTML 中，我们可以使用 amp-instagram 做到这一点。

所需脚本：将 amp-instagram 标头导入标头。

属性：

• data-shortcode：在每个 Instagram 照片 URL 中都可以找到。例如以下链接中的粗体下划线部分 https://www.instagram.com/p/ CEZCQC-osEP /
• data-captioned：将调整为原始高度，包括标题。

例子：

HTML

  

    
    Google AMP amp-instagram
  
    
      
    
  
        
    
    
      
    
      
    
        body {
            -webkit-animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
  
            -moz-animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
  
            -ms-animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
  
            animation: -amp-start 8s 
                steps(1, end) 0s 1 normal both;
        }
  
        @-webkit-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @-moz-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @-ms-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @-o-keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
  
        @keyframes -amp-start {
            from {
                visibility: hidden
            }
  
            to {
                visibility: visible
            }
        }
    
  
    
        
            body {
                -webkit-animation: none;
                -moz-animation: none;
                -ms-animation: none;
                animation: none
            }
        
    

  

    
    
  
    
    
    

  

输出 ：