{"version":3,"sources":["Feature/EditorialContent/code/ui/scripts/EditorialContent/EmbeddedVideo.js"],"names":["EmbeddedVideo","$youtube","$","each","constants","length","i","img","this","find","jQuery","source","data","defaultSrc","naturalWidth","attr","class","on","src","appendTo","iframe","setAttribute","innerHTML","appendChild","createElement","asyncLoad","setupClickEvent","dataset","embed","init"],"mappings":"AAAA,IAAIA,eAGIC,WAHYA,SAAAC,EAAA,kCASZD,UAASE,WAEUH,cAAWI,UAAAH,SACfI,KAAAA,SAAaC,GAIhBC,GAAY,GAFCL,EAAAM,MAAAC,KAAA,+BAEPC,OAAiB,CAClBC,IAAAA,EADkB,8BAAAT,EAAAM,MAAAI,KAAA,SAAA,qBAEhBC,EAAA,8BAAAX,EAAAM,MAAAI,KAAA,SAAA,iBAEQE,OAAAA,UACHC,IAAKJ,EAChBK,MAAA,mCANLC,GAAA,OAAA,WAQef,EAAAM,MAAf,GAAAM,aAAA,KAAAZ,EAAAM,MAAA,GAAAU,MAAAL,GACHX,EAAAM,MAAAO,KAAA,MAAAF,KAKQM,SAAAjB,EAAAM,WAQTY,gBAAOC,WACAA,cAAsBjB,UAAAH,SAGxBqB,GAAL,QAAA,WACKC,IAAAA,EAAYH,SAAjBI,cAAA,UA3CQJ,EAAAC,aAAA,cAAA,KAgDVD,EAAAC,aAAY,kBAAA,IACdrB,EAAcyB,aAAd,QAAA,YACAzB,EAAc0B,aAAAA,QAAd,uBACHN,EAAAC,aAAA,MAAA,iCAAAb,KAAAmB,QAAAC,MAAA,gCAGHpB,KAAYc,UAAA,GACVtB,KAAc6B,YAAdT,MAPAS,KAAM,WACF7B,cAAcyB,YACdzB,cAAc0B,oBAItBxB,EAAE,WACEF,cAAc6B","file":"../../../scripts/EditorialContent/EmbeddedVideo-ac789837ad.js","sourcesContent":["var EmbeddedVideo = {\r\n\r\n    constants: {\r\n        $youtube: $(\".EmbeddedVideo-videoContainer\")\r\n    },\r\n\r\n    asyncLoad: function () {\r\n        var $youtube = EmbeddedVideo.constants.$youtube;\r\n\r\n        $youtube.each(function (i) {\r\n\r\n            let poster = $(this).find(\".EmbeddedVideo-customPoster\");\r\n            if (poster.length == 0) {\r\n                var source = \"https://img.youtube.com/vi/\" + $(this).data(\"embed\") + \"/maxresdefault.jpg\";\r\n                let defaultSrc = \"https://img.youtube.com/vi/\" + $(this).data(\"embed\") + '/hqdefault.jpg';\r\n\r\n                let img = jQuery('<img/>', {\r\n                    src: source,\r\n                    class: \"img-fluid EmbeddedVideo-poster\",\r\n                }).on('load', function () {\r\n                    if ($(this)[0].naturalWidth < 640 && $(this)[0].src !== defaultSrc) {\r\n                        $(this).attr('src', defaultSrc);\r\n                    }\r\n                });\r\n                img.appendTo($(this));\r\n            }\r\n        });\r\n\r\n    },\r\n\r\n    setupClickEvent: function () {\r\n        var $youtube = EmbeddedVideo.constants.$youtube;\r\n\r\n        $youtube.on(\"click\", function () {\r\n            var iframe = document.createElement(\"iframe\");\r\n\r\n            iframe.setAttribute(\"frameborder\", \"0\");\r\n            iframe.setAttribute(\"allowfullscreen\", \"\");\r\n            iframe.setAttribute(\"allow\", \"autoplay\");\r\n            iframe.setAttribute(\"class\", \"EmbeddedVideo-frame\");\r\n            iframe.setAttribute(\"src\", \"https://www.youtube.com/embed/\" + this.dataset.embed + \"?rel=0&showinfo=0&autoplay=1\");\r\n\r\n            this.innerHTML = \"\";\r\n            this.appendChild(iframe);\r\n        });\r\n\r\n    },\r\n\r\n    init: function () {\r\n        EmbeddedVideo.asyncLoad();\r\n        EmbeddedVideo.setupClickEvent();\r\n    }\r\n}\r\n\r\n$(function () {    \r\n    EmbeddedVideo.init();\r\n});\r\n"]}