pedf
/
spolky
Archived
1
0
Fork 0
Code Pull Requests Releases Activity

Fix zastavování videí po otočení carouselu

Browse Source 
Protože to nenapadlo nikoho předělat po tom, co vyměnil HTML5 videa za
YouTube (fuj).
master
Emil Miler 3 years ago
parent 69afdc7ac8
commit 519feedde5
3 changed files with 21 additions and 19 deletions
Show Stats Download Patch File Download Diff File

6
src/routes/predseda.svelte
Unescape Escape View File

@ -352,21 +352,21 @@
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/spX8ZSjnXIo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/spX8ZSjnXIo?enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Lenka Nováková, předsedkyně spolku Agora</h6>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/YSlZibVjg7I" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/YSlZibVjg7I?enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Michala Chudobová, předsedkyně Pedagogického spolku Emil</h6>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/sQx3YF18t0Y" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/sQx3YF18t0Y?enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Petr Holub, předseda spolku Drosophila</h6>
</div>

28
src/routes/zapojit-se.svelte
Unescape Escape View File

@ -211,22 +211,22 @@
<!-- Full-width images with number and caption text -->
<div class="mySlides2 fade">
<div class="numbertext">1 / 3</div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/UGaq-2kZvEA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/UGaq-2kZvEA?enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Jana Gombík Ruszó, zakladatelka spolku Drosophila</h6>
</div>
<div class="mySlides2 fade">
<div class="numbertext">2 / 3</div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/a2GTE3EsObE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/a2GTE3EsObE?enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Štěpán Gabriel, bývalý člen SOR biologie</h6>
</div>
<div class="mySlides2 fade">
<div class="numbertext">3 / 3</div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/lsYe1MO9DoA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/lsYe1MO9DoA?enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Veronika Valínová, bývalá místopředsedkyně Studentského spolku Agora</h6>
</div>
@ -261,28 +261,28 @@
<!-- Full-width images with number and caption text -->
<div class="mySlides3 fade">
<div class="numbertext">1 / 4</div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube-nocookie.com/embed/1yskFjqDDE8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube-nocookie.com/embed/1yskFjqDDE8?enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Michala Chudobová, předsedkyně Pedagogického spolku Emil</h6>
</div>
<div class="mySlides3 fade">
<div class="numbertext">2 / 4</div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/-Nh8yj4q1tI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/-Nh8yj4q1tI?enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Petr Holub, předseda spolku Drosophila</h6>
</div>
<div class="mySlides3 fade">
<div class="numbertext">3 / 4</div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/v9w-WSktVKc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/v9w-WSktVKc?enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Lenka Nováková, předsedkyně spolku Agora</h6>
</div>
<div class="mySlides3 fade">
<div class="numbertext">4 / 4</div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/Y7iMU6vvnuA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="ytvid2"><iframe class="video_player" height="100%" width="85%" src="https://www.youtube.com/embed/Y7iMU6vvnuA?enablejsapi=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<h6 style="font-size: calc(var(--font-size) / 1.9)">Linda Pleskačová, radní pro PR spolku Otevřeno</h6>
</div>

6
static/js/carousel.js
Unescape Escape View File

@ -18,8 +18,10 @@ var slideIndex2 = 1;
var slideIndex3 = 1;
function stop_vids() {
for (var video of document.querySelectorAll("video")) {
video.pause();
for (var video of document.querySelectorAll("iframe")) {
//video.pause();
video.contentWindow.postMessage(JSON.stringify({ event: 'command',
func: 'stopVideo' }), '*');
}
}