如何使用 Google AMP 嵌入 Facebook 视频？

将 Facebook视频和评论添加到网站现在是 amp 中的一个流行且有吸引力的功能，我们可以使用amp-facebook 组件轻松地做到这一点，

所需脚本：使用以下脚本导入amp-facebook组件

属性：

1. data-href： Facebook 视频的 URL 是获取 URL 点击视频右上角的选项点击高级设置并复制 URL。
2. data-embed-as：视频可以嵌入为 –
   • 发布（默认）
   • 视频
3. data-include-comment-parent：该属性可以设置为true或false，如果设置为true，则默认为false，则评论回复的父评论也可以看到。
4. data-allowfullscreen：将视频设置为全屏默认值是不全屏。
5. data-locale：默认区域设置为用户系统语言，您可以通过指定区域设置来更改它。

例子：

HTML

  

    
    Google AMP embed facebook post
  
    
    
      
    
    
    
    
  
    
      
    
        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
            }
        
    

  

    
    
    

  

输出

如果视频作为后期输出嵌入将是：