Commit c88a30d6 authored by Martin Schoeler's avatar Martin Schoeler

fix js and css

parent 1850d71e
...@@ -498,8 +498,11 @@ body.index .featherlight .featherlight-content { ...@@ -498,8 +498,11 @@ body.index .featherlight .featherlight-content {
.featherlight-content > #youtube-link { .featherlight-content > #youtube-link {
display: block; display: block;
width: 70vw; width: 70vw;
height: 90vh; height: 90vh;
overflow: hidden; overflow: hidden;
@media (max-width: $tablet) {
width: 97vw;
height: 90vh;
}
} }
\ No newline at end of file
...@@ -91,7 +91,7 @@ redirect_from: ...@@ -91,7 +91,7 @@ redirect_from:
</div> </div>
<div class="col--third"> <div class="col--third">
<a class="youtube-image-link" href="" data-featherlight="#youtube-link">Open element in lightbox</a> <a class="youtube-image-link" data-featherlight="#youtube-link">Open element in lightbox</a>
<div id="youtube-link"><iframe class="youtube-video"src="https://www.youtube.com/embed/IzJ11kvM-P8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div> <div id="youtube-link"><iframe class="youtube-video"src="https://www.youtube.com/embed/IzJ11kvM-P8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>
</div> </div>
</div> </div>
......
...@@ -397,6 +397,7 @@ $('.switch').on('click', function () { ...@@ -397,6 +397,7 @@ $('.switch').on('click', function () {
}) })
$('.youtube-image-link').on('click', function (e) { $('.youtube-image-link').on('click', function (e) {
$(".featherlight.featherlight-iframe .youtube-video")[0].src += "?autoplay=1"; setTimeout(function(){
$(".featherlight .youtube-video")[0].src += "?autoplay=1";
}, 1000);
}) })
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment