{"version":3,"sources":["webpack:///./src/views/pages/MP4Viewer.vue?1484","webpack:///./src/views/pages/MP4Viewer.vue?ac49","webpack:///src/views/pages/MP4Viewer.vue","webpack:///./src/views/pages/MP4Viewer.vue?f84d","webpack:///./src/views/pages/MP4Viewer.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","slot","attrs","staticRenderFns","components","Plyr","data","url","fileExt","source","methods","previewVideo","self","player","autoplay","substr","lastIndexOf","type","concat","src","sources","mounted","$route","query","component"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,SAASC,YAAY,CAAC,MAAQ,SAAS,CAACH,EAAG,UAAU,CAACE,YAAY,kBAAkBC,YAAY,CAAC,MAAQ,SAAS,CAACH,EAAG,WAAW,CAACI,KAAK,WAAW,CAACJ,EAAG,QAAQ,CAACK,MAAM,CAAC,GAAK,SAAS,SAAW,SAAS,IAAI,MAC/VC,EAAkB,G,qBCcP,G,UAAA,CACfC,WAAA,CACAC,UAEAC,KAAA,WACA,OACAC,IAAA,GACAC,QAAA,GACAC,OAAA,KAGAC,QAAA,CACAC,aAAA,WACA,IAAAC,EAAA,KACAC,EAAA,IAAAR,IAAA,WACAS,UAAA,IAGAF,EAAAJ,QAAAI,EAAAL,IAAAQ,OAAAH,EAAAL,IAAAS,YAAA,QACAJ,EAAAH,OAAA,EAAAQ,KAAA,SAAAC,OAAAN,EAAAJ,SAAAW,IAAAP,EAAAL,MAEAM,EAAAJ,OAAA,CACAQ,KAAA,QACAG,QAAAR,EAAAH,UAIAY,QAAA,WACA,IAAAT,EAAA,KAGAA,EAAAL,IAAAK,EAAAU,OAAAC,MAAAhB,IAEAK,EAAAD,kBChDiW,I,wBCQ7Va,EAAY,eACd,EACAhC,EACAW,GACA,EACA,KACA,KACA,MAIa,aAAAqB,E","file":"js/chunk-5913d807.1d2e5edd.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MP4Viewer.vue?vue&type=style&index=0&id=27e51673&prod&lang=scss\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col\",staticStyle:{\"width\":\"100%\"}},[_c('vx-card',{staticClass:\"overflow-hidden\",staticStyle:{\"width\":\"100%\"}},[_c('template',{slot:\"no-body\"},[_c('video',{attrs:{\"id\":\"player\",\"controls\":\"\"}})])],2)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"vx-row\">\r\n    <div class=\"vx-col\" style=\"width: 100%\">\r\n      <vx-card class=\"overflow-hidden\" style=\"width: 100%\">\r\n        <template slot=\"no-body\">\r\n          <video id=\"player\" controls />\r\n        </template>\r\n      </vx-card>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Plyr from 'plyr';\r\nimport 'plyr/dist/plyr.css';\r\nexport default {\r\n  components: {\r\n    Plyr\r\n  },\r\n  data () {\r\n    return {\r\n      url: '',\r\n      fileExt: '',\r\n      source: ''\r\n    };\r\n  },\r\n  methods: {\r\n    previewVideo () {\r\n      const self = this;\r\n      const player = new Plyr('#player', {\r\n        autoplay: true\r\n      });\r\n\r\n      self.fileExt = self.url.substr(self.url.lastIndexOf('.') + 1);\r\n      self.source = [{ type: `video/${  self.fileExt}`, src: self.url }];\r\n\r\n      player.source = {\r\n        type: 'video',\r\n        sources: self.source\r\n      };\r\n    }\r\n  },\r\n  mounted () {\r\n    const self = this;\r\n    // self.$store.dispatch(\"updateTheme\", \"dark\");\r\n\r\n    self.url = self.$route.query.url;\r\n\r\n    self.previewVideo();\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n .plyr [data-plyr=pip] {\r\n   display: none !important;\r\n }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./MP4Viewer.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./MP4Viewer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MP4Viewer.vue?vue&type=template&id=27e51673\"\nimport script from \"./MP4Viewer.vue?vue&type=script&lang=js\"\nexport * from \"./MP4Viewer.vue?vue&type=script&lang=js\"\nimport style0 from \"./MP4Viewer.vue?vue&type=style&index=0&id=27e51673&prod&lang=scss\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}