{"version":3,"sources":["webpack:///./scripts/components/video.js"],"names":["component","$videos","$","tag","document","createElement","src","firstScriptTag","getElementsByTagName","parentNode","insertBefore","window","onYouTubeIframeAPIReady","each","Video","this","$el","$element","$iframe","find","$btn","setupPlayer","setupEvents","player","YT","Player","click","css","fadeOut","show","playVideo","on","e","location","attr"],"mappings":"8TAAO,IAAMA,EAAY,WACvB,IAAMC,EAAUC,EAAE,yBAEdC,EAAMC,SAASC,cAAc,UACjCF,EAAIG,IAAM,qCAEV,IAAIC,EAAiBH,SAASI,qBAAqB,UAAU,GAC7DD,EAAeE,WAAWC,aAAaP,EAAKI,GAE5CI,OAAOC,wBAA0B,WAC/BX,EAAQY,MAAK,WACC,IAAIC,EAAMZ,EAAEa,WAXC,IAgBvBD,EAhBuB,WAiB3B,WAAYE,I,4FAAK,SACfD,KAAKE,SAAWD,EAChBD,KAAKG,QAAUH,KAAKE,SAASE,KAAK,0BAClCJ,KAAKK,KAAOL,KAAKE,SAASE,KAAK,SAE/BJ,KAAKM,cACLN,KAAKO,c,UAvBoB,O,EAAA,G,EAAA,qCA2BzBP,KAAKQ,OAAS,IAAIC,GAAGC,OAAOV,KAAKG,QAAQ,MA3BhB,oCA8Bb,WACZH,KAAKK,KAAKM,OAAM,WACd,EAAKT,SAASU,IAAI,mBAAoB,IACtC,EAAKP,KAAKQ,UACV,EAAKV,QAAQW,OACb,EAAKN,OAAOO,oB,2BAnCW,KA4C7B5B,EAAE,sCAAsC6B,GAAG,YAAY,SAAUC,GAC/D,IAAIf,EAAWf,EAAEa,MACbE,IACFN,OAAOsB,SAAWhB,EAASiB,KAAK,c","file":"27.388cf83dcb88171a65ee.js","sourcesContent":["export const component = () => {\n  const $videos = $(\".youtube-video__movie\");\n\n  var tag = document.createElement(\"script\");\n  tag.src = \"https://www.youtube.com/iframe_api\";\n\n  var firstScriptTag = document.getElementsByTagName(\"script\")[0];\n  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n\n  window.onYouTubeIframeAPIReady = function () {\n    $videos.each(function () {\n      var video = new Video($(this));\n    });\n  };\n\n  //Probably doesn't need to be a class but a nice enbough chance to instantiate\n  class Video {\n    constructor($el) {\n      this.$element = $el;\n      this.$iframe = this.$element.find(\".youtube-video__iframe\");\n      this.$btn = this.$element.find(\".play\");\n\n      this.setupPlayer();\n      this.setupEvents();\n    }\n\n    setupPlayer() {\n      this.player = new YT.Player(this.$iframe[0]);\n    }\n\n    setupEvents() {\n      this.$btn.click(() => {\n        this.$element.css(\"background-image\", \"\");\n        this.$btn.fadeOut();\n        this.$iframe.show();\n        this.player.playVideo();\n      });\n    }\n  }\n\n  // NOTE: need to handle the double tap issue on iOS.\n  // Otherwise the first tap will trigger the CSS but not navigate the users to the correct link.\n  // Reference article: https://css-tricks.com/annoying-mobile-double-tap-link-issue/\n  // Fix article: http://cssmenumaker.com/blog/solving-the-double-tap-issue-on-ios-devices/\n  $(\".youtube-video .youtube-video__cta\").on(\"touchend\", function (e) {\n    var $element = $(this);\n    if ($element) {\n      window.location = $element.attr(\"href\");\n    }\n  });\n};\n"],"sourceRoot":""}