{"version":3,"sources":["webpack:///./src/views/highlight/player.vue","webpack:///src/views/highlight/player.vue","webpack:///./src/views/highlight/player.vue?b289","webpack:///./src/views/highlight/player.vue?722b","webpack:///./src/views/highlight/player.vue?b33f"],"names":["render","_vm","this","_c","_self","ref","staticClass","error","_v","_e","staticRenderFns","props","src","type","String","data","player","obj","options","controls","quality","default","destroyed","destroyPlayer","mounted","createPlayer","methods","detectLink","e","result","includes","validateLink","$emit","destroy","$","$refs","video","empty","autoplay","_this","$nextTick","n","$el","tk","split","replace","v","append","children","Plyr","get","on","event","play","poster","component"],"mappings":"8IAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,IAAI,QAAQC,YAAY,SAAS,CAAEL,EAAIM,MAAOJ,EAAG,MAAM,CAACG,YAAY,SAAS,CAACL,EAAIO,GAAG,qBAAqBP,EAAIQ,QAEvLC,EAAkB,GCIP,GACfC,MAAA,CACAC,IAAA,CACAC,KAAAC,SAGAC,KAAA,WACA,OACAC,OAAA,KACAC,IAAA,KACAV,OAAA,EACAW,QAAA,CACAC,SAAA,6GACAC,QAAA,CAAAC,QAAA,IAAAH,QAAA,mDAIAI,UAAA,WACA,KAAAC,iBAEAC,QAAA,WACA,KAAAC,cAAA,IAEAC,QAAA,CACAC,WAAA,SAAAC,GACA,IAAAC,EAAAD,EAAAE,SAAA,WACA,OAAAD,GAEAE,aAAA,SAAAH,GACA,IAAAC,EAAAD,EAAAE,SAAA,QACA,OAAAD,GAEAN,cAAA,WACA,KAAAN,MACA,KAAAe,MAAA,cAAAhB,QACA,KAAAA,OAAAiB,UACAC,EAAA,KAAAC,MAAAC,OAAAC,QACA,KAAApB,IAAA,KACA,KAAAD,OAAA,OAGAS,aAAA,SAAAa,GAAA,IAAAC,EAAA,KACA,KAAAC,WAAA,WACA,IAAAC,EAAAP,EAAAK,EAAAG,KACA,GAAAH,EAAAZ,WAAAY,EAAA3B,KAAA,CACA,IAAAA,EAAA2B,EAAA3B,IACA,GAAAA,EAAAkB,SAAA,aACA,IAAAa,EAAA/B,EAAAgC,MAAA,KACAhC,EAAA+B,EAAA,GAAAE,QAAA,qBAEA,IAAAC,EACA,0EACAlC,EACA,iIACA2B,EAAAtB,IAAAwB,EAAAM,OAAAD,GAAAE,WACAT,EAAAvB,OAAA,IAAAiC,KAAAV,EAAAtB,IAAAiC,IAAA,GAAAX,EAAArB,SACAqB,EAAAvB,OAAAmC,GAAA,iBAAAC,GACAb,EAAAP,MAAA,OAAAO,EAAAvB,WAEAuB,EAAAP,MAAA,MAAAO,EAAAvB,QACAsB,GACAC,EAAAvB,OAAAqC,YAGA,GAAAd,EAAAR,aAAAQ,EAAA3B,KAAA,CACA,IAAA0C,EAAA,GACAR,EAAA,oEAAAQ,EAAA,KACAR,GAAA,iCAAAP,EAAA3B,IAAA,OACAkC,GAAA,WACAP,EAAAtB,IAAAwB,EAAAM,OAAAD,GAAAE,WACAT,EAAAvB,OAAA,IAAAiC,KAAAV,EAAAtB,IAAAiC,IAAA,GAAAX,EAAArB,SACAqB,EAAAvB,OAAAmC,GAAA,iBAAAC,GACAb,EAAAP,MAAA,OAAAO,EAAAvB,WAEAuB,EAAAP,MAAA,MAAAO,EAAAvB,QACAsB,GACAC,EAAAvB,OAAAqC,YAGAd,EAAAhC,OAAA,QCrF8V,I,wBCQ1VgD,EAAY,eACd,EACAvD,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAA6C,E,2CCnBf","file":"js/chunk-1eddeb9e.9ba68271.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"video\",staticClass:\"video\"},[(_vm.error)?_c('div',{staticClass:\"error\"},[_vm._v(\"Video Not Found\")]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n.video(ref=\"video\")\r\n  .error(v-if=\"error\") Video Not Found\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    src: {\r\n      type: String\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      player: null,\r\n      obj: null,\r\n      error: false,\r\n      options: {\r\n        controls: [\"play-large\", \"play\", \"progress\", \"current-time\", \"mute\", \"volume\", \"captions\", \"settings\", \"airplay\", \"fullscreen\"],\r\n        quality: { default: 480, options: [4320, 2880, 2160, 1440, 1080, 720, 576, 480, 360, 240] }\r\n      }\r\n    };\r\n  },\r\n  destroyed() {\r\n    this.destroyPlayer();\r\n  },\r\n  mounted() {\r\n    this.createPlayer(true);\r\n  },\r\n  methods: {\r\n    detectLink(e) {\r\n      var result = e.includes(\"youtube\");\r\n      return result;\r\n    },\r\n    validateLink(e) {\r\n      var result = e.includes(\".mp4\");\r\n      return result;\r\n    },\r\n    destroyPlayer() {\r\n      if (this.obj) {\r\n        this.$emit(\"remove\", this.player);\r\n        this.player.destroy();\r\n        $(this.$refs.video).empty();\r\n        this.obj = null;\r\n        this.player = null;\r\n      }\r\n    },\r\n    createPlayer(autoplay) {\r\n      this.$nextTick(() => {\r\n        var n = $(this.$el);\r\n        if (this.detectLink(this.src)) {\r\n          var src = this.src;\r\n          if (src.includes(\"watch?v=\")) {\r\n            var tk = src.split(\"&\");\r\n            src = tk[0].replace(\"watch?v=\", \"embed/\");\r\n          }\r\n          var v =\r\n            '<div class=\"plyr__video-embed\"><iframe width=\"100%\" height=\"100%\" src=\"' +\r\n            src +\r\n            '\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;\" allowfullscreen></iframe><div>';\r\n          this.obj = n.append(v).children();\r\n          this.player = new Plyr(this.obj.get(0), this.options);\r\n          this.player.on(\"play\", event => {\r\n            this.$emit(\"play\", this.player);\r\n          });\r\n          this.$emit(\"add\", this.player);\r\n          if (autoplay) {\r\n            this.player.play();\r\n          }\r\n        } else {\r\n          if (this.validateLink(this.src)) {\r\n            var poster = \"\"; // this.src.replace(\".mp4\", \".jpg\");\r\n            var v = '<video controls playsinline disablePictureInPicture data-poster=\"' + poster + '\">';\r\n            v += '<source type=\"video/mp4\" src=\"' + this.src + '\" />';\r\n            v += \"</video>\";\r\n            this.obj = n.append(v).children();\r\n            this.player = new Plyr(this.obj.get(0), this.options);\r\n            this.player.on(\"play\", event => {\r\n              this.$emit(\"play\", this.player);\r\n            });\r\n            this.$emit(\"add\", this.player);\r\n            if (autoplay) {\r\n              this.player.play();\r\n            }\r\n          } else {\r\n            this.error = true;\r\n          }\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.video {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.error {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ffffff88;\r\n  font-weight: bold;\r\n  font-family: \"Roboto\";\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./player.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./player.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./player.vue?vue&type=template&id=7cb770b3&scoped=true&lang=pug\"\nimport script from \"./player.vue?vue&type=script&lang=js\"\nexport * from \"./player.vue?vue&type=script&lang=js\"\nimport style0 from \"./player.vue?vue&type=style&index=0&id=7cb770b3&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7cb770b3\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--5-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--5-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--5-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./player.vue?vue&type=style&index=0&id=7cb770b3&prod&scoped=true&lang=css\""],"sourceRoot":""}