prenex/magcms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix caption on video

Browse Source
This commit is contained in:
Adrien Beudin 2016-05-26 17:03:43 +02:00
parent ef199a5d52
commit 10a3253aa8
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
prosopopee/themes/exposure/templates/sections/bordered-picture.html
View File

@ -1,5 +1,6 @@
{% if section.image.type == "video" %}
{% set video = Video(section.image) %}
{% set caption = section.text %}
{{ video.copy() }}
{% else %}
{% set image = Image(section.image) %}
@ -9,16 +10,24 @@
{% if section.background %}
<div class="bg-section" style="background: {{ section.background }};">
{% endif %}
{% if video %}
{% if video %}
<section class="bordered-picture baguette" style="position: relative;">
<img class="lazy" data-original="{{ video.generate_thumbnail("2000") }}" src="" alt="">
<video class="lazy" id="video" poster="{{ video.generate_thumbnail("2000") }}" alt="" autoplay="autoplay" loop="loop" preload="auto" muted>
<source src="{{ video }}" type="video/webm" data-source="{{ video }}" data-format="vp8" data-extension="webm">
</video>
{% else %}
<div class="caption">
<img class="lazy" data-original="{{ video.generate_thumbnail("2000") }}" src="" alt="">
<video class="lazy" id="video" poster="{{ video.generate_thumbnail("2000") }}" alt="" autoplay="autoplay" loop="loop" preload="auto" muted>
<source src="{{ video }}" type="video/webm" data-source="{{ video }}" data-format="vp8" data-extension="webm">
</video>
{% if caption %}
<div class="caption__overlay">
<h5 class="caption__overlay__title">{{ caption }}</h5>
</div>
{% endif %}
</div>
</section>
{% else %}
<section class="bordered-picture baguette">
<div class="caption">
<a href="{{ image }} {% if caption %}data-caption="{{ caption }}"{% endif %}">
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}>
<img class="lazy" src="" data-original="{{ image }}" alt="">
{% if caption %}
<div class="caption__overlay">