Files
com.xaymar.www/_includes/blocks/media.liquid
T
2022-11-27 00:53:36 +01:00

81 lines
3.3 KiB
Plaintext

{% assign file_info = site.static_files | where: "path", include.url %}
{% capture content %}
{% if include.player %}
<div class="top">
<select class="variant"></select>
</div>
<div class="bottom">
<span class="play"></span>
<span class="time">0:00 / 0:00</span>
<input type="range" class="progress">
<span class="mute"></span>
<input type="range" class="volume">
<span class="fullscreen"></span>
</div>
{% endif %}
{% if include.link %}<a href="{% if include.link == true %}{{ include.url }}{% else %}{{ include.link }}{% endif %}" {% if include.caption %}alt="{{ include.caption }}"{% endif %} target="_blank">{% endif %}
{% if include.type == "image" %}
<picture
class="content"
{% if include.width %}width="{{ include.width }}"{% endif %}
{% if include.height %}height="{{ include.height }}"{% endif %}
{% if include.lazyload %}data-lazyload=""{% endif %}
>
{% if include.lazyload %}<noscript>{% endif %}
<img src="{{ include.url | absolute_url }}"
{% if include.alt %}alt="{{ include.alt }}"{% endif %}
{% if include.width %}width="{{ include.width }}"{% endif %}
{% if include.height %}height="{{ include.height }}"{% endif %}>
{% if include.lazyload %}</noscript>{% endif %}
{% if include.content %}{{include.content}}{% endif %}
</picture>
{% elsif include.type == "video" %}
<video
{% if include.player %}{% else %}controls{% endif %}
class="content"
{% if include.width %}width="{{ include.width }}"{% endif %}
{% if include.height %}height="{{ include.height }}"{% endif %}
{% if include.autoplay %}autoplay="true"{% endif %}
{% if include.muted %}muted="true"{% endif %}
{% if include.loop %}loop="true"{% endif %}
{% if include.poster %}poster="{{ include.poster | absolute_url }}"{% endif %}
{% if include.preload %}preload="{{ include.preload }}"{% endif %}
{% if include.lazyload %}data-lazyload=""{% endif %}
>
{% if include.lazyload %}<noscript>{% endif %}
{% if include.url %}<source src="{{ include.url | absolute_url }}">{% endif %}
{% if include.lazyload %}</noscript>{% endif %}
{% if include.content %}{{include.content}}{% endif %}
</video>
{% elsif include.type == "audio" %}
<audio
{% if include.player %}{% else %}controls{% endif %}
class="content"
{% if include.width %}width="{{ include.width }}"{% endif %}
{% if include.height %}height="{{ include.height }}"{% endif %}
{% if include.autoplay %}autoplay="true"{% endif %}
{% if include.muted %}muted="true"{% endif %}
{% if include.loop %}loop="true"{% endif %}
{% if include.preload %}preload="{{ include.preload }}"{% endif %}
{% if include.lazyload %}data-lazyload=""{% endif %}
>
{% if include.lazyload %}<noscript>{% endif %}
{% if include.url %}<source src="{{ include.url | absolute_url }}">{% endif %}
{% if include.lazyload %}</noscript>{% endif %}
{% if include.content %}{{include.content}}{% endif %}
</audio>
{% endif %}
{% if include.link %}</a>{% endif %}
{% if include.caption %}<figcaption>{{ include.caption }}</figcaption>{% endif %}
{% endcapture %}
{% if include.player %}{% assign class = include.type | append: " player" %}{% else %}{% assign class = include.type %}{% endif %}
{% include blocks/_base.liquid type="media" class=class content=content float=include.float align=include.align id=include.id %}