{"version":3,"sources":["webpack:///./src/components/VideoCourse/VideoPlayer/VideoPlayer.vue?ec8d","webpack:///./src/components/VideoCourse/VideoPlayer/VideoPlayer.vue?1903","webpack:///src/components/VideoCourse/VideoPlayer/VideoPlayer.vue","webpack:///./src/components/VideoCourse/VideoPlayer/VideoPlayer.vue?2500","webpack:///./src/components/VideoCourse/VideoPlayer/VideoPlayer.vue?ddf5"],"names":["render","_vm","this","_h","$createElement","_c","_self","_g","_b","ref","staticClass","attrs","video","thumbnail","file","on","watchingAtPlay","watching","$event","disbleRightClick","$attrs","$listeners","Object","keys","length","_e","staticRenderFns","name","props","type","required","playing_list","data","watched","player","options","controls","autoplay","sources","computed","user_id","is_same_user","watch","methods","endedVideo","console","event","parseFloat","captureView","Axios","onSuccess","onFailure","mounted","component"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACA,EAAG,QAAQJ,EAAIM,GAAGN,EAAIO,GAAG,CAACC,IAAI,cAAcC,YAAY,sBAAsBC,MAAM,CAAC,aAAe,aAAa,wBAA0B,GAAG,QAAU,OAAO,OAASV,EAAIW,MAAMC,UAAYZ,EAAIW,MAAMC,UAAUC,KAAO,IAAIC,GAAG,CAAC,KAAOd,EAAIe,eAAe,WAAaf,EAAIgB,SAAS,YAAc,SAASC,GAAQ,OAAOjB,EAAIkB,iBAAiBD,MAAW,QAAQjB,EAAImB,QAAO,GAAOnB,EAAIoB,YAAY,CAAoC,IAAlCC,OAAOC,KAAKtB,EAAIW,OAAOY,OAAcnB,EAAG,SAAS,CAACM,MAAM,CAAC,IAAMV,EAAIW,MAAMA,MAAME,QAAQb,EAAIwB,YACllBC,EAAkB,G,gDC0BP,GACfC,mBACAC,OAKAhB,OACAiB,YACAC,aAEAC,cACAF,WACAC,cAGAE,gBACA,OACAC,WACAC,YACAC,SACAC,YACAC,YACAC,cAIAC,UACAC,mBACA,+BAEAC,wBACA,yCAGAC,SACAC,SACAC,sBACAC,4BAEA1B,6BACA2B,oBAIA7B,oBACA,yCACA,kCACA,aACA8B,iCAEA,qBACA,mBAEA,oBAKA/B,0BACA,mBAEA,oBAGAgC,uBACA,mBACA,eAEA,KACAhB,yBACAA,mCACAiB,4CACAjB,OACAkB,YACAC,gBAIAC,sBC1GmX,I,wBCQ/WC,EAAY,eACd,EACArD,EACA0B,GACA,EACA,KACA,WACA,MAIa,aAAA2B,E","file":"js/chunk-252092fe.f3f82320.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoPlayer.vue?vue&type=style&index=0&id=5643f04e&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',[_c('video',_vm._g(_vm._b({ref:\"videoPlayer\",staticClass:\"video_player__class\",attrs:{\"controlsList\":\"nodownload\",\"disablepictureinpicture\":\"\",\"preload\":\"auto\",\"poster\":_vm.video.thumbnail ? _vm.video.thumbnail.file : ''},on:{\"play\":_vm.watchingAtPlay,\"timeupdate\":_vm.watching,\"contextmenu\":function($event){return _vm.disbleRightClick($event)}}},'video',_vm.$attrs,false),_vm.$listeners),[(Object.keys(_vm.video).length !== 0)?_c('source',{attrs:{\"src\":_vm.video.video.file}}):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div>\n      <video\n        v-bind=\"$attrs\"\n        v-on=\"$listeners\"\n        ref=\"videoPlayer\"\n        class=\"video_player__class\"\n        controlsList=\"nodownload\"\n        disablepictureinpicture\n        preload=\"auto\"\n        :poster=\"video.thumbnail ? video.thumbnail.file : ''\"\n        @play=\"watchingAtPlay\"\n        @timeupdate=\"watching\"\n        @contextmenu=\"disbleRightClick($event)\"\n      >\n        <source v-if=\"Object.keys(video).length !== 0\" :src=\"video.video.file\" />\n        <!-- <source v-for=\"(item, i) in value\" :key=\"i\" :src=\"item.video.file\" /> -->\n      </video>\n    </div>\n  </div>\n</template>\n<script>\nimport helper from \"@/helper/index\";\nimport Axios from \"@/api/newAxios\";\nimport apiUrl from \"@/common/apiUrl\";\nimport commonFunctions from \"@/common/commonFunctions\";\nexport default {\n  name: \"VideoPlayer\",\n  props: {\n    // value: {\n    //   type: Array,\n    //   required: false,\n    // },\n    video: {\n      type: Object,\n      required: false,\n    },\n    playing_list: {\n      type: Array,\n      required: false,\n    },\n  },\n  data() {\n    return {\n      watched: false,\n      player: null,\n      options: {\n        controls: true,\n        autoplay: false,\n        sources: [],\n      },\n    };\n  },\n  computed: {\n    user_id() {\n      return this.$route.query.usid;\n    },\n    is_same_user() {\n      return helper.isSameUser(this.user_id);\n    },\n  },\n  watch: {},\n  methods: {\n    endedVideo() {\n      console.log(\"video ended\");\n    },\n    disbleRightClick(event) {\n      event.preventDefault();\n\n      // console.log(event, \"event\");\n    },\n    watching() {\n      let current_time = this.$refs.videoPlayer.currentTime;\n      let duration = this.$refs.videoPlayer.duration;\n      let playPercent = Math.round(\n        (parseFloat(current_time) / parseFloat(duration)) * 100\n      );\n      if (playPercent == 20 || playPercent == 30 || playPercent == 50) {\n        if (!this.is_same_user) {\n          // console.log(\"capture view\");\n          this.captureView();\n        }\n      }\n      // console.log(\"watching\", current_time, duration, playPercent);\n    },\n    watchingAtPlay() {\n      if (!this.is_same_user) {\n        // console.log(\"capture view\");\n        this.captureView();\n      }\n    },\n    captureView() {\n      const onSuccess = () => {};\n      const onFailure = () => {};\n\n      let data = {};\n      data[\"video\"] = this.video.id;\n      data[\"profile\"] = commonFunctions.getProfileId();\n      Axios(\"post\", apiUrl.CAPTURE_VIEWS, {\n        data,\n        onSuccess,\n        onFailure,\n      });\n    },\n  },\n  mounted() {},\n};\n</script>\n<style scoped>\n.video_player__class {\n  border-radius: 20px !important;\n  width: 100%;\n  aspect-ratio: 16 / 9;\n  object-fit: contain;\n}\n@media all and (max-width: 600px) {\n  .video_player__class {\n    border-radius: 0px !important;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoPlayer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoPlayer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VideoPlayer.vue?vue&type=template&id=5643f04e&scoped=true&\"\nimport script from \"./VideoPlayer.vue?vue&type=script&lang=js&\"\nexport * from \"./VideoPlayer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VideoPlayer.vue?vue&type=style&index=0&id=5643f04e&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  \"5643f04e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}