{"version":3,"file":"Src_Scripts_components_media-with-video_js.385849fa750770f5dd99.js","sources":["webpack://FinansDanmark/./Src/Scripts/components/media-with-video.js"],"sourcesContent":["import VimeoPlayer from '@vimeo/player';\r\n\r\nexport default class MediaWithVideo {\r\n    constructor(elm) {\r\n        const iframe = elm.querySelector('iframe');\r\n        const videoPlayer = elm.dataset.videoPlayer;\r\n        const thumbnail = elm.querySelector('.media-with-video__thumbnail');\r\n        const cookiebotBtns = document.querySelectorAll('.cookiebotButton') || null;\r\n        let vimeoPlayer = null;\r\n\r\n        if (elm.dataset.videoPlayer === 'vimeo') {\r\n            if (iframe) {\r\n                vimeoPlayer = new VimeoPlayer(iframe);\r\n            }\r\n        }\r\n\r\n        if (cookiebotBtns) {\r\n            cookiebotBtns.forEach(function (cookiebotBtn) {\r\n                // Add click event listener to each button\r\n                cookiebotBtn.addEventListener('click', function () {\r\n                    // Call Cookiebot's method to show the consent dialog\r\n                    Cookiebot.renew();\r\n                });\r\n            });\r\n        }\r\n\r\n\r\n        if (thumbnail) {\r\n            thumbnail.onclick = () => {\r\n                elm.classList.add('media-with-video--opened');\r\n\r\n                if (iframe) {\r\n                    if (videoPlayer === 'vimeo') {\r\n                        if (vimeoPlayer) {\r\n                            vimeoPlayer.setCurrentTime(0);\r\n                            vimeoPlayer.play();\r\n                        }\r\n                    } else if (videoPlayer === 'youtube') {\r\n                        let cookieBlockSrc = iframe.getAttribute('data-cookieblock-src');\r\n\r\n                        if (cookieBlockSrc.indexOf('?autoplay=1') === -1 && cookieBlockSrc.indexOf('&autoplay=1') === -1) {\r\n                            if (cookieBlockSrc.indexOf('?') > -1) {\r\n                                cookieBlockSrc += '&autoplay=1';\r\n                            } else {\r\n                                cookieBlockSrc += '?autoplay=1';\r\n                            }\r\n                        }\r\n\r\n                        iframe.setAttribute('data-cookieblock-src', cookieBlockSrc);\r\n                    }\r\n                } else {\r\n                    // For potential mp4 player or other video types\r\n                    const video = elm.querySelector('video');\r\n                    if (video) {\r\n                        video.play();\r\n                    }\r\n                }\r\n            };\r\n        }\r\n\r\n    }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AA3DA;AACA;A;;A;;A","sourceRoot":""}