// jade: compressed

ul.audio-players
  li
    .audio-player.js-audio-player
      button.audio-player__control.js-control
        .audio-player__control-icon
      h4.audio-player__title Audio Clip One
      audio(preload='auto')
        source(src='http://pd.npr.org/anon.npr-mp3/npr/codeswitch/2016/08/20160803_codeswitch_11b.mp3')
      img.audio-player__cover(src='https://unsplash.it/g/300?image=29')
      video(preload='auto', loop)
        source(src='https://dl.dropboxusercontent.com/u/5185018/audio-waves.mp4', type='video/mp4')
  li
    .audio-player.js-audio-player
      button.audio-player__control.js-control
        .audio-player__control-icon
      h3.audio-player__title Audio Clip Two
      audio(preload='auto')
        source(src='http://pd.npr.org/anon.npr-mp3/npr/ama/2016/06/20160607_ama_bandbonus.mp3')
      img.audio-player__cover(src='https://unsplash.it/g/300/?image=48')
      video(preload='auto', loop)
        source(src='https://dl.dropboxusercontent.com/u/5185018/audio-waves.mp4', type='video/mp4')
  li
    .audio-player.js-audio-player
      button.audio-player__control.js-control
        .audio-player__control-icon
      h3.audio-player__title Audio Clip Three
      audio(preload='auto')
        source(src='http://pd.npr.org/anon.npr-mp3/npr/pchh/2016/08/20160801_pchh_mtv.mp3')
      img.audio-player__cover(src='https://unsplash.it/g/300/?image=43')
      video(preload='auto', loop)
        source(src='https://dl.dropboxusercontent.com/u/5185018/audio-waves.mp4', type='video/mp4')