{{#video_src}}
<li class="asset video">
  <figure class="media--video media--video_{{video_type}}">
    <div class="media-{{video_type}}-video">
      {{#fb_video}}<div class="fb-video" data-href="{{video_src}}" data-allowfullscreen="true" data-show-text="false" data-autoplay="false"></div>{{/fb_video}}
      {{^fb_video}}<iframe class="media-{{video_type}}-player" src="{{video_src}}" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>{{/fb_video}}
    </div>
  </figure>
</li>
{{/video_src}}
{{#img_sm}}
<li class="asset image">
  <figure class="media media--images {{ratio}}">
    <span class="picturefill" data-picture="" data-alt="{{{img_alt}}}">
      <span class="image_small" data-src="{{img_sm}}"></span>
      <span class="image_large" data-src="{{img_lg}}" data-media="(min-width:600px)"></span>
      <!--[if (lt IE 9) & (!IEMobile)]>
        <span data-src="{{img_sm}}"></span>
      <![endif]--> 
    </span>
  </figure>
</li>
{{/img_sm}}
{{#caption}}
<span class="sans-pro">{{{caption}}}</span>
{{/caption}}
{{#credit}}
<small class="sans-pro icon">{{{credit}}}</small>
{{/credit}}