diff --git a/Resources/Public/JavaScript/vimeoLightbox.js b/Resources/Public/JavaScript/vimeoLightbox.js index df68e255c4b1eb697771f2e2528433ae2cfc068d..8e5c24a311876d859b39fda726782c77ecaab1c1 100644 --- a/Resources/Public/JavaScript/vimeoLightbox.js +++ b/Resources/Public/JavaScript/vimeoLightbox.js @@ -23,6 +23,10 @@ module.exports = function() { $vimeoItem.magnificPopup({ type: 'iframe', iframe: { + markup: '<div class="mfp-iframe-scaler">' + + '<div class="mfp-close"></div>' + + '<iframe class="mfp-iframe" frameborder="0" allowfullscreen allow="autoplay; fullscreen *; picture-in-picture"></iframe>' + + '</div>', patterns: { vimeo: { index: 'vimeo.com/', @@ -57,7 +61,7 @@ module.exports = function() { '<div class="embed-container" style="padding-bottom: calc(' + height + ' / ' + width + ' * 100%);">' + '<iframe ' + 'width="' + width + '" height="' + height + '" ' + - 'src="https://player.vimeo.com/video/' + queryString + '?autoplay=1&dnt=1" frameborder="0" ' + + 'src="https://player.vimeo.com/video/' + queryString + '?dnt=1" frameborder="0" ' + 'allow="autoplay; fullscreen; picture-in-picture" allowfullscreen>' + '</iframe>' + '</div></div>');