谷歌 AMP 放大器-jwplayer

要将 jwplayer 嵌入AMP HTML ，有一个名为amp-jwplayer的组件，它显示云托管的 jwplayer。

所需脚本：将 amp-jwplayer 组件导入标头

属性：

• data-player-id：在 JW 播放器的播放器部分中找到的字母数字 ID。
• data-playlist-id /data-media-id：在 JW 播放器的内容部分中找到的字母数字播放列表 ID，任何播放列表 ID 或媒体 ID 都需要指定。
• 自动播放：如果指定，视频一加载就开始播放。

例子：

HTML

  

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

  

    
    

  

输出：