studio-variable/index-main
3
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

hero video
All checks were successful
Deploy / Deploy to Production (push) Successful in 10s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-01-08 16:09:58 +01:00
parent 6e51087b70
commit 239f018a37
7 changed files with 198 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

37
site/templates/investigation-summary.php
View file

@ -7,14 +7,20 @@
<p class="date-publish"></p>
</header>
<!-- <div id="hero" class="hero-video">
<!-- HERO IMAGE SIMPLE ------------------------------ -->
<!-- <div id="hero">
<figure>
<img src="/assets/images/Nidal-Khaled-Amirah.png">
</figure>
<figcaption>Ici la légende de l’image. À partir d’images exclusives, l’analyse conjointe de B’Tselem et Index démontre que les deux hommes ont été abattus par des soldats israéliens alors qu’ils ne présentaient aucun danger.</figcaption>
</div> -->
<div id="hero" class="hero-slider swiper">
<!-- HERO SLIDER ------------------------------ -->
<!-- <div id="hero" class="hero-slider swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<figure>
@ -38,13 +44,36 @@
</div>
</div>
<!-- Navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- Pagination -->
<div class="swiper-pagination"></div>
</div> -->
<!-- HERO VIDEO ------------------------------ -->
<div id="hero" class="hero-video">
<div class="player-container">
<div class="extract">
<video class="vjs-tech" id="player-element_html5_api" tabindex="-1" loop="" muted="muted" playsinline="playsinline" autoplay="" src="https://www.index.ngo/wp-content/uploads/2025/07/Jumaa_Site-web-16-9.mp4"></video>
<button id="hero-play-video"><span class="btn--bold"><?= svg('assets/icons/play.svg') ?> <span class="text">play video</span></button>
</div>
<div class="video-full">
<iframe id="youtube-vue-player-rhTyqvaQE" rel="0" frameborder="0" allowfullscreen="" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" title="Mort par noyade de Jumaa al-Hasan, exilé syrien : la police mise en cause" width="480" height="320" src="https://www.youtube.com/embed/HuH8NEwn0-k?autoplay=false&amp;loop=1&amp;controls=1&amp;modestbranding=1&amp;enablejsapi=1&amp;origin=https%3A%2F%2Fwww.index.ngo&amp;widgetid=1&amp;forigin=https%3A%2F%2Fwww.index.ngo%2Fenquetes%2Fmort-par-noyade-de-jumaa-al-hasan-la-police-mise-en-cause%2F&amp;aoriginsup=0&amp;gporigin=https%3A%2F%2Fwww.index.ngo%2F&amp;vf=1"></iframe>
</div>
</div>
<!-- <figure>
<img src="/assets/images/Nidal-Khaled-Amirah.png">
</figure> -->
</div>
<div id="banner--page">
<nav id="nav--page">