Google AMP 放大器-brightcove

Brightcove Video Cloud是一个用于托管视频的在线平台。 amp-brightcove是一个amp 组件，用于嵌入brightcove 视频播放器或brightcove 视频云。

所需脚本：在标题中导入Brightcove 组件

属性：

1. data-account： Brightcove 视频云帐户 ID。
2. data-video-id： Brightcove 视频云 ID。
3. data-player-id： Brightcove 玩家 ID。这是一个全局唯一标识符 (GUID)。
4. data-playlist-id： Brightcove Video Cloud 播放列表 ID。如果同时指定了播放列表和视频，则播放列表优先于视频。
5. 自动播放：如果指定此属性，则视频将自动开始。
6. 停靠：如果指定了此属性，并且视频正在手动播放，则视频将被最小化。需要 amp-video-docking 扩展才能使用此属性。

如下所示嵌入了一个 Brightcove 视频，需要数据帐户、数据视频 ID、数据播放器 ID 。

对于 Brightcove 播放器配置说明，您可以查看以下 Brightcove 的支持文档。 https://amp.dev/documentation/components/amp-brightcove/?format=websites

例子：

HTML

  

    
    Google AMP amp-brightcove
    
    
      
    
    
    
  
    
  
    
  
    
        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
            }
        
    

  

  
    
    

  

输出：