{"version":3,"file":"video-DhRLv6Zr.js","sources":["../../../../Coloplast.UI/src/multisite/components/cmsContentBlocks/components/video.vue"],"sourcesContent":["<script setup>\r\nimport { ref, computed, onMounted, onBeforeUnmount } from 'vue';\r\nimport { DsIconButton, DsButtonPlay, dsUseUniqueId } from '@coloplast/design-system';\r\nimport { youtubeVideoUrl } from 'shared/services/urlTypeService';\r\nimport { track_content_engagement } from 'shared/services/tracking/contentTrackingService';\r\nimport \"@coloplast/design-system/dist/components/button/ds-button-play.css\";\r\n\r\nconst props = defineProps({\r\n\timageUrl: String,\r\n\timageAlt: String,\r\n\tvideoUrl: String,\r\n\tvideoTitle: String,\r\n\timageRoundedCorner: Boolean,\r\n\tobjectContain: Boolean,\r\n\tmobileImageUrl: String,\r\n\timageBiggerSize: Boolean,\r\n\tvideoLoop: Boolean,\r\n\tplayAriaLabel: String,\r\n\tpauseAriaLabel: String\r\n});\r\n\r\nconst uniqueId = dsUseUniqueId('split-media-block-video');\r\n\r\nlet videoPlayer;\r\nconst areScriptsLoaded = ref(false);\r\nconst video = ref();\r\nconst isVideoPlayingOnLoad = props.videoLoop; //currently there is no prop for that, and only way for 'true' is when video loop is on\r\nconst isVideoPlaying = ref(false);\r\nconst isVideoPaused = ref(false);\r\nconst isPlayerFullyLoaded = ref(false);\r\nconst isOnReadySent = ref(false);\r\nconst isVimeo = computed(() => props.videoUrl.indexOf('vimeo.com') !== -1);\r\nconst isVimeoInPopup = computed(() => isVimeo.value && !props.videoLoop)\r\nconst videoUrl = ref(null);\r\nconst intervalTimer = ref(null);\r\nconst isPlayerCreated = ref(false);\r\nconst isPlayerWithLoopReady = computed(() => !isVimeoInPopup.value && isPlayerCreated.value && isOnReadySent.value && isPlayerFullyLoaded.value && props.videoLoop);\r\nconst showPlayLoopButton = computed(() => isPlayerWithLoopReady.value && isVideoPaused.value);\r\nconst showPauseLoopButton = computed(() => isPlayerWithLoopReady.value && isVideoPlaying.value && !isVideoPaused.value);\r\n\r\nconst embedTemplate = isVimeo.value ? 'https://player.vimeo.com/video/' : youtubeVideoUrl();\r\n\r\nconst embedVideoId = computed(() => {\r\n\tif (!videoUrl.value || !props.videoUrl) return null;\r\n\r\n\tif (isVimeo.value) {\r\n\t\tconst id = props.videoUrl.split('/').pop();\r\n\t\treturn isVimeoInPopup.value ? `${id}?autoplay=1&api=1` : `${id}`;\r\n\t}\r\n\r\n\tconst id = props.videoUrl.indexOf('youtu.be') !== -1;\r\n\tlet m = !id\r\n\t\t? /watch\\?v=([^$]*)/.exec(props.videoUrl)\r\n\t\t: /youtu.be\\/([^$]*)/.exec(props.videoUrl);\r\n\tif (m) {\r\n\t\tm = m[1].split('&');\r\n\t\tm = m[0].split('?');\r\n\t\treturn m[0];\r\n\t}\r\n});\r\n\r\nconst embedVideoParams = computed(() => {\r\n\tconst autoplay = `autoplay=${isVideoPlayingOnLoad ? '1' : '0'}`;\r\n\tconst loop = `${props.videoLoop ? '&loop=1&playlist=' + embedVideoId.value : '&loop=0'}`;\r\n\tconst dnt = window.marketingPermissions ? '' : '&dnt=true';\r\n\tconst muted = isVimeo.value ? '&muted=1' : '&mute=1'; //must have for autoplay=1\r\n\tconst playsinline = '&playsinline=1';\r\n\tconst controls = `&controls=${props.videoLoop ? '0' : '1'}`;\r\n\r\n\tconst youtubeSpecificParams = `&fs=0&modestbranding=0&cc_load_policy=0&iv_load_policy=3&enablejsapi=1&version=3`;\r\n\tconst vimeoSpecificParams = `&api=1&title=0&byline=0&portrait=0&sidedock=0&autopip=none&pip=none&byline=0&responsive=1`;\r\n\r\n\treturn `?${autoplay}${loop}${dnt}${muted}${playsinline}${controls}${ isVimeo.value ? vimeoSpecificParams : youtubeSpecificParams }`;\r\n});\r\n\r\nconst embedUrl = () => {\r\n\tif (!embedVideoId?.value) return null;\r\n\tif (isVimeoInPopup.value) return `${embedTemplate}${embedVideoId.value}`;\r\n\r\n\treturn `${embedTemplate}${embedVideoId.value}${embedVideoParams.value}`;\r\n};\r\n\r\nfunction runVideo(event) {\r\n\tsetTimeout(() => {\r\n\t\tif (!isVimeo.value) {\r\n\t\t\tvideoPlayer.playVideo(event);\r\n\t\t} else {\r\n\t\t\tvideoPlayer.play(event);\r\n\t\t}\r\n\t}, 200);\r\n}\r\n\r\nfunction onPlayerReady(event) {\r\n\trunVideo(event);\r\n\tisOnReadySent.value = true;\r\n}\r\n\r\nfunction onYouTubeIframeAPIReady(video) {\r\n\tvideoPlayer = new YT.Player(video, {\r\n\t\tevents: {\r\n\t\t\tonReady: onPlayerReady\r\n\t\t}\r\n\t});\r\n\tisPlayerCreated.value = true;\r\n}\r\n\r\nfunction onVimeoPlayerLoaded(video) {\r\n\tvideoPlayer = new Vimeo.Player(video);\r\n\tvideoPlayer.on('loaded', () => {\r\n\t\tisVideoPlaying.value = isVideoPlayingOnLoad;\r\n\t\tif (isVideoPlayingOnLoad) onPlayerReady();\r\n\t});\r\n\tisPlayerCreated.value = true;\r\n}\r\n\r\nfunction playVideo(event) {\r\n\tevent?.preventDefault();\r\n\r\n\tif (isVideoPaused.value) {\r\n\t\tisVideoPaused.value = false;\r\n\t\trunVideo(event);\r\n\r\n\t\treturn\r\n\t}\r\n\r\n\tisVideoPlaying.value = true;\r\n\tvideoUrl.value = props.videoUrl;\r\n\ttrack_content_engagement('video', 'start', props.title || 'no_data', videoUrl.value);\r\n\r\n\tif (!isVideoPlayingOnLoad) return false;\r\n\r\n\tsetTimeout(() => {\r\n\t\tif (!isVimeo.value) {\r\n\t\t\tonYouTubeIframeAPIReady(video.value);\r\n\t\t} else {\r\n\t\t\tonVimeoPlayerLoaded(video.value);\r\n\t\t}\r\n\r\n\t\tif (!props.videoLoop || isVimeoInPopup.value) return false;\r\n\r\n\t\t// added due to delay of loading methods\r\n\t\tintervalTimer.value = setInterval(() => {\r\n\t\t\tisPlayerFullyLoaded.value = Boolean(videoPlayer?.pauseVideo || videoPlayer?.pause);\r\n\r\n\t\t\tif (isPlayerFullyLoaded.value) clearInterval(intervalTimer.value);\r\n\t\t}, 300)\r\n\t}, 100);\r\n}\r\n\r\nfunction pauseVideo (event) {\r\n\tevent.preventDefault();\r\n\r\n\tisVideoPaused.value = true;\r\n\tif (!isVimeo.value) {\r\n\t\tvideoPlayer.pauseVideo();\r\n\t}\r\n\telse {\r\n\t\tvideoPlayer.pause();\r\n\t}\r\n}\r\n\r\nfunction closePopup() {\r\n\tif (isVimeoInPopup.value && isVideoPlaying.value) {\r\n\t\tisVideoPlaying.value = false;\r\n\t\tvideoUrl.value = null;\r\n\t}\r\n}\r\n\r\nfunction loadScript() {\r\n\tconst id = isVimeo.value ? 'iframe-vimeo' : 'iframe-youtube';\r\n\r\n\tif (document.getElementById(id) && areScriptsLoaded.value) {\r\n\t\tif (isVideoPlayingOnLoad) playVideo();\r\n\r\n\t\treturn false;\r\n\t}\r\n\r\n\tlet videoApi = document.createElement('script');\r\n\tvideoApi.id = id;\r\n\tvideoApi.src = isVimeo.value ? 'https://player.vimeo.com/api/player.js' : 'https://www.youtube.com/iframe_api';\r\n\tvideoApi.type = 'text/javascript';\r\n\tvideoApi.async = true;\r\n\r\n\tvideoApi.addEventListener('load', () => {\r\n\t\tareScriptsLoaded.value = true;\r\n\t\tif (isVideoPlayingOnLoad) playVideo();\r\n\t});\r\n\r\n\tconst firstScriptTag = document.getElementsByTagName('script')[0];\r\n\tfirstScriptTag?.parentNode.insertBefore(videoApi, firstScriptTag);\r\n}\r\n\r\nfunction onKeydown(event) {\r\n\tif (event.key == 'Escape') {\r\n\t\tclosePopup();\r\n\t}\r\n}\r\n\r\nonMounted(() => {\r\n\tconst isAlreadyYoutubeScript = document.querySelectorAll('script[src=\"https://www.youtube.com/iframe_api\"]').length == 0 && !isVimeo.value;\r\n\tconst isAlreadyVimeoScript = document.querySelectorAll('script[src=\"https://player.vimeo.com/api/player.js\"]').length == 0 && isVimeo.value;\r\n\r\n\tif (isAlreadyYoutubeScript || isAlreadyVimeoScript) {\r\n\t\tloadScript();\r\n\t}\r\n\r\n\tdocument.addEventListener('keydown', onKeydown);\r\n\r\n\tif (!props.videoLoop) return false;\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n\tdocument.removeEventListener('keydown', onKeydown);\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\tclass=\"cms-content-video\"\r\n\t\t:class=\"{\r\n\t\t\t'video-is-playing': isVideoPlaying,\r\n\t\t\t'object-contain': objectContain,\r\n\t\t\t'video-img--bigger': imageBiggerSize,\r\n\t\t}\"\r\n\t>\r\n\t\t<div\r\n\t\t\t:class=\"{\r\n\t\t\t\t'video-overlay': isVimeoInPopup,\r\n\t\t\t}\"\r\n\t\t\tv-on:click.prevent=\"closePopup\"\r\n\t\t>\r\n\t\t\t<div class=\"iframe-wrapper\" >\r\n\t\t\t\t<iframe\r\n\t\t\t\t\t:id=\"uniqueId\"\r\n\t\t\t\t\tref=\"video\"\r\n\t\t\t\t\t:title=\"videoTitle\"\r\n\t\t\t\t\t:src=\"embedUrl()\"\r\n\t\t\t\t\ttabindex=\"-1\"\r\n\t\t\t\t\t:allow=\"[\r\n\t\t\t\t\t\tisVimeoInPopup\r\n\t\t\t\t\t\t\t? 'autoplay; fullscreen'\r\n\t\t\t\t\t\t\t: 'fullscreen; accelerometer; encrypted-media; gyroscope; picture-in-picture',\r\n\t\t\t\t\t]\"\r\n\t\t\t\t\t:data-player=\"isVimeo && props.videoLoop ? 'vimeo-in-place' : ''\"\r\n\t\t\t\t\tdata-testid=\"yt-video\"\r\n\t\t\t\t/>\r\n\t\t\t\t<span\r\n\t\t\t\t\tv-if=\"isVimeoInPopup && isVideoPlaying\"\r\n\t\t\t\t\tclass=\"video-overlay-close-button\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<DsIconButton\r\n\t\t\t\t\t\ticon-name=\"close\"\r\n\t\t\t\t\t\tv-on:click.prevent=\"closePopup\"\r\n\t\t\t\t\t\tdata-testid=\"close-video\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</span>\r\n\r\n\t\t\t\t<DsIconButton v-if=\"showPlayLoopButton\"\r\n\t\t\t\t\t:aria-describedby=\"uniqueId\"\r\n\t\t\t\t\t:ariaLabel=\"playAriaLabel\"\r\n\t\t\t\t\ticon-name=\"play\"\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\tvariant=\"secondary\"\r\n\t\t\t\t\tclass=\"c-video-item__videocta\"\r\n\t\t\t\t\t:clickHandler=\"(event) => playVideo(event)\" />\r\n\r\n\t\t\t\t<DsIconButton v-if=\"showPauseLoopButton\"\r\n\t\t\t\t\t:aria-describedby=\"uniqueId\"\r\n\t\t\t\t\t:ariaLabel=\"pauseAriaLabel\"\r\n\t\t\t\t\ticon-name=\"pause\"\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\tvariant=\"secondary\"\r\n\t\t\t\t\tclass=\"c-video-item__videocta\"\r\n\t\t\t\t\t:clickHandler=\"(event) => pauseVideo(event)\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<img\r\n\t\t\t:src=\"imageUrl\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t'rounded-corner': imageRoundedCorner,\r\n\t\t\t\t'hide-on-mobile': mobileImageUrl,\r\n\t\t\t}\"\r\n\t\t\tloading=\"lazy\"\r\n\t\t\t:alt=\"imageAlt\"\r\n\t\t\tdata-testid=\"yt-image-thumbnail\"\r\n\t\t/>\r\n\t\t<img\r\n\t\t\tv-if=\"mobileImageUrl\"\r\n\t\t\t:src=\"mobileImageUrl\"\r\n\t\t\t:alt=\"imageAlt\"\r\n\t\t\tloading=\"lazy\"\r\n\t\t\tclass=\"hide-on-desktop\"\r\n\t\t\tdata-testid=\"yt-mobile-image-thumbnail\"\r\n\t\t/>\r\n\t\t<DsButtonPlay\r\n\t\t\tv-if=\"!isVideoPlaying\"\r\n\t\t\t:ariaLabelPlay=\"playAriaLabel\"\r\n\t\t\tsize=\"lg\"\r\n\t\t\t:playHandler=\"playVideo\"\r\n\t\t\tdata-testid=\"yt-play-button\">\r\n\t\t</DsButtonPlay>\r\n\t</div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '../../../styles/settings/settings';\r\n@import '../../../styles/tools/tools';\r\n\r\n$aspectRationIframeWidth: calc(100% * 1.771); //16 : 9 (1.771 : 1)\r\n$leftIframePosition: -38.55%; // (77.1% / 2)\r\n.cms-content-video {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tmargin: 0;\r\n\twidth: 100%;\r\n\theight: 388px;\r\n\toverflow: hidden;\r\n\r\n\t@media (max-width: ds-breakpoint(\"md\")) {\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t&.video-img--bigger {\r\n\t\theight: 450px;\r\n\r\n\t\tiframe {\r\n\t\t\twidth: $aspectRationIframeWidth;\r\n\t\t\theight: $aspectRationIframeWidth;\r\n\t\t\tleft: $leftIframePosition;\r\n\t\t}\r\n\r\n\t\t@media (max-width: ds-breakpoint(\"md\")) {\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\niframe {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\topacity: 0;\r\n}\r\n\r\nimg {\r\n\tposition: relative;\r\n\tmax-height: 100%;\r\n\twidth: 100%;\r\n\tobject-fit: cover;\r\n\r\n\t&.rounded-corner {\r\n\t\tborder-radius: 8px;\r\n\t}\r\n\r\n\t.object-contain & {\r\n\t\tobject-fit: contain;\r\n\t}\r\n}\r\n\r\n.video-is-playing {\r\n\tiframe {\r\n\t\topacity: 1;\r\n\t\tborder: none;\r\n\t\tborder-radius: ds-space(4);\r\n\t}\r\n\r\n\timg {\r\n\t\topacity: 0;\r\n\t\tz-index: -1;\r\n\t}\r\n\r\n\t.video-overlay {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tbackground: #213d4666;\r\n\t\tflex: 1 0 auto;\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tright: 0;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 100;\r\n\r\n\t\t.iframe-wrapper {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: flex-start;\r\n\t\t\tposition: relative;\r\n\t\t\tmax-width: 960px;\r\n\t\t\twidth: calc(100% - ds-space(12));\r\n\t\t\tbackground-color: rgba(0, 0, 0, 0.9);\r\n\t\t\tborder-radius: ds-space(4);\r\n\t\t}\r\n\r\n\t\tiframe {\r\n\t\t\twidth: 960px;\r\n\t\t\tposition: initial;\r\n\t\t\topacity: 1;\r\n\t\t\taspect-ratio: 960 / 540;\r\n\t\t\tmax-height: calc(100vh - ds-space(12));\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.video-overlay-close-button {\r\n\tz-index: 101;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n}\r\n\r\n@include t-respond-to-min(ds-breakpoint('md')) {\r\n\t.hide-on-desktop {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n@include t-respond-to-max(ds-breakpoint('md')) {\r\n\t.hide-on-mobile {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n@import '../../../styles/settings/settings';\r\n@import '../../../styles/tools/tools';\r\n.cms-content-video {\r\n\tbutton {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\r\n\t\t&.c-video-item__videocta {\r\n\t\t\ttop: 100%;\r\n\t\t\tleft: 100%;\r\n\t\t\ttransform: translate(-200%, -200%);\r\n\t\t}\r\n\t}\r\n\r\n\t.ds-icon-button {\r\n\t\topacity: 0.9;\r\n\t}\r\n}\r\n</style>\r\n"],"names":["props","__props","uniqueId","dsUseUniqueId","videoPlayer","areScriptsLoaded","ref","video","isVideoPlayingOnLoad","isVideoPlaying","isVideoPaused","isPlayerFullyLoaded","isOnReadySent","isVimeo","computed","isVimeoInPopup","videoUrl","intervalTimer","isPlayerCreated","isPlayerWithLoopReady","showPlayLoopButton","showPauseLoopButton","embedTemplate","youtubeVideoUrl","embedVideoId","id","m","embedVideoParams","autoplay","loop","dnt","muted","playsinline","controls","embedUrl","runVideo","event","onPlayerReady","onYouTubeIframeAPIReady","onVimeoPlayerLoaded","playVideo","track_content_engagement","pauseVideo","closePopup","loadScript","videoApi","firstScriptTag","onKeydown","onMounted","isAlreadyYoutubeScript","isAlreadyVimeoScript","onBeforeUnmount"],"mappings":"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"}