{{ if eq .type "spotify" }}
    <div class="responsive-audio spotify">
        <iframe class="no-js-hidden" src="https://open.spotify.com/embed/track/{{ .id }}" width="300"
                height="80" allowtransparency="true"></iframe>

        <div class="no-js-message">
            The spotify player can not be loaded with disabled javascript. <br>
            The following title is embedded here: <br>

            <a href="https://open.spotify.com/embed/track/{{ .id }}" target="_blank">
                https://open.spotify.com/embed/track/{{ .id }}
            </a>
        </div>
    </div>
{{ end }}

{{ if eq .type "soundcloud" }}
    <div class="responsive-audio soundcloud">
        <iframe class="no-js-hidden" width="100%" height="166" scrolling="no"
                src="https://w.soundcloud.com/player/?url={{ .id }}&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=false&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true"></iframe>

        <div class="no-js-message">
            The soundcloud player can not be loaded with disabled JavaScript. <br>
            The following title is embedded here: <br>

            <a href="{{ .id }}" target="_blank">
                {{ .id }}
            </a>
        </div>
    </div>
{{ end }}

{{ if eq .type "tunein" }}
    <div class="responsive-audio tunein">
        <iframe class="no-js-hidden" src="https://tunein.com/embed/player/{{ .id }}/" style="width:100%; height:100px;" scrolling="no"
                ></iframe>

        <div class="no-js-message">
            The TuneIn player can not be loaded with disabled JavaScript. <br>
            The following title is embedded here: <br>

            <a href="https://tunein.com/topic/?topicid={{ replace .id "t" "" }}" target="_blank">
            https://tunein.com/topic/?topicid={{ replace .id "t" "" }}
            </a>
        </div>
    </div>
{{ end }}

{{ if eq .type "mixcloud" }}
    <div class="responsive-audio mixcloud">
        <iframe class="no-js-hidden" width="100%" height="120" src="https://www.mixcloud.com/widget/iframe/?hide_cover=1&feed=/{{ .id }}/"
                ></iframe>

        <div class="no-js-message">
            The Mixcloud player can not be loaded with disabled JavaScript. <br>
            The following title is embedded here: <br>

            <a href="https://mixcloud.com/{{ .id }}" target="_blank">
                https://mixcloud.com/{{ .id }}
            </a>
        </div>
    </div>
{{ end }}

{{ if eq .type "audiofile" }}
    <div class="responsive-audio local">
        <audio controls>
            <source src="{{ .url }}" type="audio/ogg"/>
            <source src="{{ .url }}" type="audio/mpeg"/>
            <source src="{{ .url }}" type="audio/wav"/>

            Your browser does not support the <code>audio</code> element.
        </audio>
    </div>
{{ end }}