谷歌 AMP amp-soundcloud

SoundCloud是一个在线音频分发和共享网站，可以使用amp-soundcloud组件将音乐和播放列表嵌入到 AMP HTML 页面中，该组件可用于在您的网站中包含您喜欢的歌曲或 SoundCloud 播放列表。

SoundCloud 链接： https://soundcloud.com/

所需脚本：导入 amp-soundcloud 组件

属性：

• data-playlistid：如果未指定 data-trackid，则需要指定。这是 SoundCloud 中播放列表的 ID。
• data-trackid：如果未指定data-playlistid，则需要指定。这是 SoundCloud 中曲目的 ID。
• data-visual：如果设置为真，则设置全宽视觉模式。
• data-color：它设置覆盖默认值的特定颜色。颜色应以十六进制数指定。

例子：

HTML

  

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

  

    
    
    
  
    
    
    
      
    
    
    

  

输出 ：