pedf
/
spolky
Archived
1
0
Fork 0

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

Protože to nenapadlo nikoho předělat po tom, co vyměnil HTML5 videa za
YouTube (fuj).
master
Emil Miler 4 years ago
parent 69afdc7ac8
commit 519feedde5

@ -352,21 +352,21 @@
<!-- Full-width images with number and caption text --> <!-- Full-width images with number and caption text -->
<div class="mySlides fade"> <div class="mySlides fade">
<div class="numbertext">1 / 3</div> <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> <h6 style="font-size: calc(var(--font-size) / 1.9)">Lenka Nováková, předsedkyně spolku Agora</h6>
</div> </div>
<div class="mySlides fade"> <div class="mySlides fade">
<div class="numbertext">2 / 3</div> <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> <h6 style="font-size: calc(var(--font-size) / 1.9)">Michala Chudobová, předsedkyně Pedagogického spolku Emil</h6>
</div> </div>
<div class="mySlides fade"> <div class="mySlides fade">
<div class="numbertext">3 / 3</div> <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> <h6 style="font-size: calc(var(--font-size) / 1.9)">Petr Holub, předseda spolku Drosophila</h6>
</div> </div>

@ -211,21 +211,21 @@
<!-- Full-width images with number and caption text --> <!-- Full-width images with number and caption text -->
<div class="mySlides2 fade"> <div class="mySlides2 fade">
<div class="numbertext">1 / 3</div> <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> <h6 style="font-size: calc(var(--font-size) / 1.9)">Jana Gombík Ruszó, zakladatelka spolku Drosophila</h6>
</div> </div>
<div class="mySlides2 fade"> <div class="mySlides2 fade">
<div class="numbertext">2 / 3</div> <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> <h6 style="font-size: calc(var(--font-size) / 1.9)">Štěpán Gabriel, bývalý člen SOR biologie</h6>
</div> </div>
<div class="mySlides2 fade"> <div class="mySlides2 fade">
<div class="numbertext">3 / 3</div> <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> <h6 style="font-size: calc(var(--font-size) / 1.9)">Veronika Valínová, bývalá místopředsedkyně Studentského spolku Agora</h6>
</div> </div>
@ -261,27 +261,27 @@
<!-- Full-width images with number and caption text --> <!-- Full-width images with number and caption text -->
<div class="mySlides3 fade"> <div class="mySlides3 fade">
<div class="numbertext">1 / 4</div> <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> <h6 style="font-size: calc(var(--font-size) / 1.9)">Michala Chudobová, předsedkyně Pedagogického spolku Emil</h6>
</div> </div>
<div class="mySlides3 fade"> <div class="mySlides3 fade">
<div class="numbertext">2 / 4</div> <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> <h6 style="font-size: calc(var(--font-size) / 1.9)">Petr Holub, předseda spolku Drosophila</h6>
</div> </div>
<div class="mySlides3 fade"> <div class="mySlides3 fade">
<div class="numbertext">3 / 4</div> <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> <h6 style="font-size: calc(var(--font-size) / 1.9)">Lenka Nováková, předsedkyně spolku Agora</h6>
</div> </div>
<div class="mySlides3 fade"> <div class="mySlides3 fade">
<div class="numbertext">4 / 4</div> <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> <h6 style="font-size: calc(var(--font-size) / 1.9)">Linda Pleskačová, radní pro PR spolku Otevřeno</h6>
</div> </div>

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