2021-10-12 20:08:29 +00:00
|
|
|
<section
|
|
|
|
|
id="media"
|
|
|
|
|
class="media"
|
|
|
|
|
>
|
|
|
|
|
{% for medium in media %}
|
|
|
|
|
<h2>{{ medium.title }}</h2>
|
|
|
|
|
|
2021-10-26 09:01:32 +00:00
|
|
|
{% if medium.id %}
|
|
|
|
|
<figure class="media-iframe-parent">
|
|
|
|
|
<iframe
|
|
|
|
|
class="media-iframe"
|
|
|
|
|
src="https://www.youtube.com/embed/{{ medium.id }}"
|
|
|
|
|
title="YouTube video player"
|
|
|
|
|
frameborder="0"
|
|
|
|
|
allow="autoplay; clipboard-write; encrypted-media; picture-in-picture"
|
|
|
|
|
allowfullscreen
|
|
|
|
|
></iframe>
|
|
|
|
|
</figure>
|
|
|
|
|
{% elif medium.src %}
|
|
|
|
|
<video class="media-video" controls>
|
|
|
|
|
<source src="{{ medium.src }}" type="video/mp4">
|
|
|
|
|
Dein Browser unterstützt leider keine Videos
|
|
|
|
|
</video>
|
|
|
|
|
{% endif %}
|
2021-10-12 20:08:29 +00:00
|
|
|
{% endfor %}
|
|
|
|
|
</section>
|
